A resize tulajdonság

A resize tulajdonság megtiltja vagy engedélyezi a textarea méretezésének módosítását vagy más elemekét (más elemekkel nem minden böngészőben működik).

Szintaxis

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

Értékek

Érték	Leírás
`both`	Az elem szélességben és magasságban is nyújtható.
`horizontal`	Az elem csak szélességben nyújtható.
`vertical`	Az elem csak magasságban nyújtható.
`none`	Az elem méretezése nem módosítható.

Alapértelmezett érték: none. A textarea esetén néhány böngészőben: both. Azokban a böngészőkben, ahol nincs támogatva a resize, a textarea úgy fog viselkedni, mintha a none érték lenne megadva.

Példa . A both érték

Az elem mindkét irányban nyújtható:

<textarea></textarea>

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

Példa . A horizontal érték

Az elem csak vízszintesen nyújtható:

<textarea></textarea>

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

Példa . A vertical érték

Az elem csak függőlegesen nyújtható:

<textarea></textarea>

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

Példa . A none érték

Az elem egyáltalán nem nyújtható:

<textarea></textarea>

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

Példa . Szélesség és magasság korlátozása

A minimális és maximális szélesség és magasság korlátozható a max-width, min-width, max-height, min-height tulajdonságok segítségével:

<textarea></textarea>

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