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;
}