Својството resize
Својството resize забранува или дозволува
промена на големината на textarea
или други елементи (со други елементи
не работи во сите прелистувачи).
Синтакса
селектор {
resize: both | horizontal | vertical | none;
}
Вредности
| Вредност | Опис |
|---|---|
both |
Може да се растегнува елементот по ширина и висина. |
horizontal |
Може да се растегнува елементот само по ширина. |
vertical |
Може да се растегнува елементот само по висина. |
none |
Не може да се менува големината на елементот. |
Стандардна вредност: none. За textarea
во некои прелистувачи: both. Во оние
прелистувачи каде што нема поддршка за resize, textarea
ќе се однесува како да е зададена вредноста none.
Пример . Вредност both
Елементот се растегнува во двете насоки:
<textarea></textarea>
textarea {
resize: both;
width: 200px;
height: 200px;
}
:
Пример . Вредност horizontal
Елементот се растегнува само хоризонтално:
<textarea></textarea>
textarea {
resize: horizontal;
width: 200px;
height: 200px;
}
:
Пример . Вредност vertical
Елементот се растегнува само вертикално:
<textarea></textarea>
textarea {
resize: vertical;
width: 200px;
height: 200px;
}
:
Пример . Вредност none
Елементот воопшто не се растегнува:
<textarea></textarea>
textarea {
resize: none;
width: 200px;
height: 200px;
}
:
Пример . Ограничување на ширина и висина
Може да се ограничи минималната и максималната
ширина и висина со помош на својствата 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;
}
: