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