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