Omadus resize

Omadus resize keelab või lubab mõõtmete muutmise textarea või teiste elementide puhul (teiste elementidega ei tööta kõigis brauserites).

Süntaks

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

Väärtused

Väärtus	Kirjeldus
`both`	Elementi saab venitada nii laiuse kui kõrguse suunas.
`horizontal`	Elementi saab venitada ainult laiuse suunas.
`vertical`	Elementi saab venitada ainult kõrguse suunas.
`none`	Elemendi mõõtmeid ei saa muuta.

Vaikeväärtus: none. textarea puhul mõnes brauseris: both. Nendes brauserites, kus puudub resize toe, käitub textarea nagu oleks määratud väärtus none.

Näide . Väärtus both

Elementi saab venitada mõlemas suunas:

<textarea></textarea>

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

Näide . Väärtus horizontal

Elementi saab venitada ainult horisontaalselt:

<textarea></textarea>

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

Näide . Väärtus vertical

Elementi saab venitada ainult vertikaalselt:

<textarea></textarea>

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

Näide . Väärtus none

Elementi ei saa üldse venitada:

<textarea></textarea>

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

Näide . Laiuse ja kõrguse piiramine

Minimaalset ja maksimaalset laiust ja kõrgust saab piirata omaduste max-width, min-width, max-height, min-height abil:

<textarea></textarea>

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