Resize xassəsi

resize xassəsi textarea və ya digər elementlərin (digər elementlərlə bütün brauzerlərdə işləmir) olculərinin dəyişdirilməsini qadağan edir və ya icazə verir.

Sintaksis

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

Dəyərlər

Dəyər	Açıqlama
`both`	Elementi enə və hündürlüyə görə uzatmaq olar.
`horizontal`	Elementi yalnız enə görə uzatmaq olar.
`vertical`	Elementi yalnız hündürlüyə görə uzatmaq olar.
`none`	Elementin olculərini dəyişmək olmaz.

Standart dəyər: none. textarea üçün bəzi brauzerlərdə: both. resize dəstəyi olmayan brauzerlərdə, textarea none dəyəri təyin olunmuş kimi davranacaq.

Nümunə . Both dəyəri

Element hər iki istiqamətdə uzadılır:

<textarea></textarea>

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

Nümunə . Horizontal dəyəri

Element yalnız üfüqi istiqamətdə uzadılır:

<textarea></textarea>

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

Nümunə . Vertical dəyəri

Element yalnız şaquli istiqamətdə uzadılır:

<textarea></textarea>

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

Nümunə . None dəyəri

Element heç yöndə uzadılmır:

<textarea></textarea>

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

Nümunə . En və hündürlüyün məhdudlaşdırılması

Minimum və maksimum en və hündürlüyü max-width, min-width, max-height, min-height xassələri ilə məhdudlaşdırmaq olar:

<textarea></textarea>

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