Resize-ominaisuus

Ominaisuus resize kieltää tai sallii textarea-elementin koon muuttamisen (muiden elementtien kanssa se ei toimi kaikissa selaimissa).

Syntaksi

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

Arvot

Arvo	Kuvaus
`both`	Elementtiä voi venyttää leveys- ja korkeussuunnassa.
`horizontal`	Elementtiä voi venyttää vain leveyssuunnassa.
`vertical`	Elementtiä voi venyttää vain korkeussuunnassa.
`none`	Elementin kokoa ei voi muuttaa.

Oletusarvo: none. textarea-elementille joissakin selaimissa: both. Sellaisissa selaimissa, joissa resize-ominaisuutta ei tueta, textarea käyttäytyy kuin sille olisi asetettu arvo none.

Esimerkki . Arvo both

Elementtiä venytetään molempiin suuntiin:

<textarea></textarea>

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

Esimerkki . Arvo horizontal

Elementtiä venytetään vain vaakasuunnassa:

<textarea></textarea>

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

Esimerkki . Arvo vertical

Elementtiä venytetään vain pystysuunnassa:

<textarea></textarea>

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

Esimerkki . Arvo none

Elementtiä ei venytetä ollenkaan:

<textarea></textarea>

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

Esimerkki . Leveyden ja korkeuden rajoitus

Minimi- ja maksimileveyttä ja -korkeutta voidaan rajoittaa ominaisuuksilla 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;
}