Својство 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;
}