Savybė resize

Savybė resize draudžia arba leidžia keisti textarea ar kitų elementų dydį (su kitais elementais veikia ne visose naršyklėse).

Sintaksė

selektorius {
	resize: both | horizontal | vertical | none;
}

Reikšmės

Reikšmė	Aprašas
`both`	Leidžia tempsti elementą plotį ir aukštį.
`horizontal`	Leidžia tempsti elementą tik plotį.
`vertical`	Leidžia tempsti elementą tik aukštį.
`none`	Keisti elemento dydį draudžiama.

Numatytoji reikšmė: none. textarea kai kuriose naršyklėse: both. Tose naršyklėse, kurios nepalaiko resize, textarea elgsis taip, lyg būtų nustatyta reikšmė none.

Pavyzdys . Reikšmė both

Elementas tempiamas į abi puses:

<textarea></textarea>

textarea {
	resize: both;
	width: 200px;
	height: 200px;
}

Pavyzdys . Reikšmė horizontal

Elementas tempiamas tik horizontaliai:

<textarea></textarea>

textarea {
	resize: horizontal;
	width: 200px;
	height: 200px;
}

Pavyzdys . Reikšmė vertical

Elementas tempiamas tik vertikaliai:

<textarea></textarea>

textarea {
	resize: vertical;
	width: 200px;
	height: 200px;
}

Pavyzdys . Reikšmė none

Elementas visai netempiamas:

<textarea></textarea>

textarea {
	resize: none;
	width: 200px;
	height: 200px;
}

Pavyzdys . Pločio ir aukščio apribojimas

Galima apriboti minimalų ir maksimalų plotį ir aukštį naudojant savybes max-width, min-width, max-height, min-height:

<textarea></textarea>

textarea {
	resize: both;
	min-height: 100px;
	max-height: 300px;
	min-width: 100px;
	max-width: 300px;
}