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;
}
: