Eienskap resize

Die eienskap resize verbied of laat verandering van groottes van textarea of ander elemente toe (werk nie in alle blaaiers met ander elemente nie).

Sintaksis

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

Waardes

Waarde	Beskrywing
`both`	Element kan in breedte en hoogte gestrek word.
`horizontal`	Element kan slegs in breedte gestrek word.
`vertical`	Element kan slegs in hoogte gestrek word.
`none`	Verandering van elementgrootte is nie toegelaat nie.

Verstekwaarde: none. Vir textarea in sommige blaaiers: both. In daardie blaaiers waar ondersteuning vir resize nie bestaan nie, sal textarea homself gedra asof die waarde none gestel is.

Voorbeeld . Waarde both

Element word in beide rigtings gestrek:

<textarea></textarea>

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

Voorbeeld . Waarde horizontal

Element word slegs horisontaal gestrek:

<textarea></textarea>

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

Voorbeeld . Waarde vertical

Element word slegs vertikaal gestrek:

<textarea></textarea>

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

Voorbeeld . Waarde none

Element word glad nie gestrek nie:

<textarea></textarea>

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

Voorbeeld . Beperking van breedte en hoogte

Minimum en maksimum breedte en hoogte kan beperk word met behulp van die eienskappe 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;
}