Својство resize

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

Синтакса

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

Вредности

Вредност	Опис
`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;
}

Результат: