Īpašība resize
Īpašība resize aizliedz vai atļauj
textarea
izmēru maiņu vai citiem elementiem (ar citiem elementiem
nedarbojas visos pārlūkos).
Sintakse
selektors {
resize: both | horizontal | vertical | none;
}
Vērtības
| Vērtība | Apraksts |
|---|---|
both |
Elementu var izstiept platumā un augstumā. |
horizontal |
Elementu var izstiept tikai platumā. |
vertical |
Elementu var izstiept tikai augstumā. |
none |
Elementa izmērus nevar mainīt. |
Noklusējuma vērtība: none. Priekš textarea
dažos pārlūkos: both. Tajos
pārlūkos, kuri neatbalsta resize, textarea
uzvedīsies tā, it kā būtu iestatīta vērtība none.
Piemērs . Vērtība both
Elements tiek izstiepts abos virzienos:
<textarea></textarea>
textarea {
resize: both;
width: 200px;
height: 200px;
}
:
Piemērs . Vērtība horizontal
Elements tiek izstiepts tikai horizontāli:
<textarea></textarea>
textarea {
resize: horizontal;
width: 200px;
height: 200px;
}
:
Piemērs . Vērtība vertical
Elements tiek izstiepts tikai vertikāli:
<textarea></textarea>
textarea {
resize: vertical;
width: 200px;
height: 200px;
}
:
Piemērs . Vērtība none
Elements vispār netiek izstiepts:
<textarea></textarea>
textarea {
resize: none;
width: 200px;
height: 200px;
}
:
Piemērs . Platuma un augstuma ierobežojumi
Var ierobežot minimālo un maksimālo
platumu un augstumu, izmantojot īpašības 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;
}
: