Својството resize

Својството resize забранува или дозволува промена на големината на textarea или други елементи (со други елементи не работи во сите прелистувачи).

Синтакса

cssселектор {
  resize: both | horizontal | vertical | none;
}

Вредности

Стандардна вредност: none. За textarea во некои прелистувачи: both. Во оние прелистувачи каде што нема поддршка за resize, textarea ќе се однесува како да е зададена вредноста none.

Пример . Вредност both

Елементот се растегнува во двете насоки:

html<textarea></textarea>

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

Результат:

Пример . Вредност horizontal

Елементот се растегнува само хоризонтално:

html<textarea></textarea>

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

Результат:

Пример . Вредност vertical

Елементот се растегнува само вертикално:

html<textarea></textarea>

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

Результат:

Пример . Вредност none

Елементот воопшто не се растегнува:

html<textarea></textarea>

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

Результат:

Пример . Ограничување на ширина и висина

Може да се ограничи минималната и максималната ширина и висина со помош на својствата max-width, min-width, max-height, min-height:

html<textarea></textarea>

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

Результат: