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