Īpašība resize

Īpašība resize aizliedz vai atļauj textarea izmēru maiņu vai citiem elementiem (ar citiem elementiem nedarbojas visos pārlūkos).

Sintakse

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

Vērtības

Vērtība	Apraksts
`both`	Elementu var izstiept platumā un augstumā.
`horizontal`	Elementu var izstiept tikai platumā.
`vertical`	Elementu var izstiept tikai augstumā.
`none`	Elementa izmērus nevar mainīt.

Noklusējuma vērtība: none. Priekš textarea dažos pārlūkos: both. Tajos pārlūkos, kuri neatbalsta resize, textarea uzvedīsies tā, it kā būtu iestatīta vērtība none.

Piemērs . Vērtība both

Elements tiek izstiepts abos virzienos:

<textarea></textarea>

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

Piemērs . Vērtība horizontal

Elements tiek izstiepts tikai horizontāli:

<textarea></textarea>

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

Piemērs . Vērtība vertical

Elements tiek izstiepts tikai vertikāli:

<textarea></textarea>

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

Piemērs . Vērtība none

Elements vispār netiek izstiepts:

<textarea></textarea>

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

Piemērs . Platuma un augstuma ierobežojumi

Var ierobežot minimālo un maksimālo platumu un augstumu, izmantojot īpašības 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;
}