Proprietatea resize

Proprietatea resize interzice sau permite modificarea dimensiunilor textarea sau a altor elemente (cu alte elemente nu funcționează în toate browserele).

Sintaxă

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

Valori

Valoare	Descriere
`both`	Elementul poate fi redimensionat în lățime și înălțime.
`horizontal`	Elementul poate fi redimensionat doar în lățime.
`vertical`	Elementul poate fi redimensionat doar în înălțime.
`none`	Elementul nu poate fi redimensionat.

Valoarea implicită: none. Pentru textarea în unele browsere: both. În acele browsere care nu suportă resize, textarea se va comporta ca și cum ar fi setată valoarea none.

Exemplu . Valoarea both

Elementul se redimensionează în ambele direcții:

<textarea></textarea>

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

Exemplu . Valoarea horizontal

Elementul se redimensionează doar orizontal:

<textarea></textarea>

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

Exemplu . Valoarea vertical

Elementul se redimensionează doar vertical:

<textarea></textarea>

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

Exemplu . Valoarea none

Elementul nu se redimensionează deloc:

<textarea></textarea>

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

Exemplu . Limitarea lățimii și înălțimii

Puteți limita lățimea și înălțimea minimă și maximă folosind proprietățile 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;
}