Egenskapen resize

Egenskapen resize forbyr eller tillater endring av størrelse på textarea eller andre elementer (med andre elementer fungerer det ikke i alle nettlesere).

Syntaks

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

Verdier

Verdi	Beskrivelse
`both`	Elementet kan strekkes i bredde og høyde.
`horizontal`	Elementet kan bare strekkes i bredde.
`vertical`	Elementet kan bare strekkes i høyde.
`none`	Endring av størrelse på elementet er ikke tillatt.

Standardverdi: none. For textarea i noen nettlesere: both. I de nettleserne som ikke støtter resize, vil textarea oppføre seg som om verdien none er satt.

Eksempel . Verdien both

Elementet strekkes i begge retninger:

<textarea></textarea>

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

Eksempel . Verdien horizontal

Elementet strekkes bare horisontalt:

<textarea></textarea>

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

Eksempel . Verdien vertical

Elementet strekkes bare vertikalt:

<textarea></textarea>

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

Eksempel . Verdien none

Elementet strekkes ikke i det hele tatt:

<textarea></textarea>

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

Eksempel . Begrensning av bredde og høyde

Minimums- og maksimums- bredde og høyde kan begrenses med egenskapene 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;
}