Lastnost resize

Lastnost resize prepove ali dovoli spreminjanje velikosti textarea ali drugih elementov (z drugimi elementi ne deluje v vseh brskalnikih).

Sintaksa

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

Vrednosti

Vrednost	Opis
`both`	Element je mogoče raztegniti po širini in višini.
`horizontal`	Element je mogoče raztegniti le po širini.
`vertical`	Element je mogoče raztegniti le po višini.
`none`	Velikosti elementa ni mogoče spreminjati.

Privzeta vrednost: none. Za textarea v nekaterih brskalnikih: both. V tistih brskalnikih, kjer ni podpore za resize, se bo textarea obnašal, kot da je nastavljena vrednost none.

Primer . Vrednost both

Element se razteza v obe smeri:

<textarea></textarea>

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

Primer . Vrednost horizontal

Element se razteza le vodoravno:

<textarea></textarea>

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

Primer . Vrednost vertical

Element se razteza le navpično:

<textarea></textarea>

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

Primer . Vrednost none

Element se sploh ne razteza:

<textarea></textarea>

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

Primer . Omejitev širine in višine

Minimalno in maksimalno širino in višino je mogoče omejiti z lastnostmi 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;
}