Resize häsiýeti

resize häsiýeti textarea ýa-da beýleki elementleriň ölçeglerini üýtgetmäge gadagan edýär ýa-da rugsat berýär (beýleki elementler bilen ähli brauzerlere işlemeýär).

Sintaksis

selektory {
	resize: both | horizontal | vertical | none;
}

Görnüşleri

Görnüşi	Düşündirişi
`both`	Element giňişligi we beýikligi boýunça giňeldip bolýar.
`horizontal`	Element diňe giňişligi boýunça giňeldip bolýar.
`vertical`	Element diňe beýikligi boýunça giňeldip bolýar.
`none`	Elementiň ölçeglerini üýtgetmek bolmaýar.

Bellenen görnüş: none. textarea üçin käbir brauzerlere: both. resize goldawyny üpjün etmeýän şol brauzerlere, textarea none görnüşi bellenen ýaly hereket eder.

Mysal . Both görnüşi

Element iki tarapa giňelýär:

<textarea></textarea>

textarea {
	resize: both;
	width: 200px;
	height: 200px;
}

Mysal . Horizontal görnüşi

Element diňe göni tarapa giňelýär:

<textarea></textarea>

textarea {
	resize: horizontal;
	width: 200px;
	height: 200px;
}

Mysal . Vertical görnüşi

Element diňe dik tarapa giňelýär:

<textarea></textarea>

textarea {
	resize: vertical;
	width: 200px;
	height: 200px;
}

Mysal . None görnüşi

Element hiç hili giňelmeýär:

<textarea></textarea>

textarea {
	resize: none;
	width: 200px;
	height: 200px;
}

Mysal . Giňişlik we beýiklik çäklendirmesi

Iň kiçi we iň uly giňişligi we beýikligi max-width, min-width, max-height, min-height häsiýetlerini ulanmak arkaly çäklendirip bolýar:

<textarea></textarea>

textarea {
	resize: both;
	min-height: 100px;
	max-height: 300px;
	min-width: 100px;
	max-width: 300px;
}