Svojstvo resize

Svojstvo resize zabranjuje ili dozvoljava promenu veličine textarea ili drugih elemenata (sa drugim elementima radi ne u svim pregledačima).

Sintaksa

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

Vrednosti

Vrednost	Opis
`both`	Moguće je rastezati element po širini i visini.
`horizontal`	Moguće je rastezati element samo po širini.
`vertical`	Moguće je rastezati element samo po visini.
`none`	Promena veličine elementa nije moguća.

Podrazumevana vrednost: none. Za textarea u nekim pregledačima: both. U onim pregledačima gde nema podrške za resize, textarea će se ponašati kao da je postavljena vrednost none.

Primer . Vrednost both

Element se rasteže u oba pravca:

<textarea></textarea>

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

Primer . Vrednost horizontal

Element se rasteže samo horizontalno:

<textarea></textarea>

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

Primer . Vrednost vertical

Element se rasteže samo vertikalno:

<textarea></textarea>

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

Primer . Vrednost none

Element se uopšte ne rasteže:

<textarea></textarea>

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

Primer . Ograničenje širine i visine

Moguće je ograničiti minimalnu i maksimalnu širinu i visinu pomoću svojstava 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;
}