Egenskapen resize

Egenskapen resize förbjuder eller tillåter ändring av storlek på textarea eller andra element (med andra element fungerar det inte i alla webbläsare).

Syntax

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

Värden

Värde	Beskrivning
`both`	Elementet kan sträckas ut i bredd och höjd.
`horizontal`	Elementet kan endast sträckas ut i bredd.
`vertical`	Elementet kan endast sträckas ut i höjd.
`none`	Det går inte att ändra elementets storlek.

Standardvärde: none. För textarea i vissa webbläsare: both. I de webbläsare som inte stöder resize kommer textarea att bete sig som om värdet none är satt.

Exempel . Värdet both

Elementet sträcks ut i båda riktningar:

<textarea></textarea>

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

Exempel . Värdet horizontal

Elementet sträcks ut endast horisontellt:

<textarea></textarea>

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

Exempel . Värdet vertical

Elementet sträcks ut endast vertikalt:

<textarea></textarea>

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

Exempel . Värdet none

Elementet sträcks inte ut alls:

<textarea></textarea>

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

Exempel . Begränsning av bredd och höjd

Du kan begränsa minimi- och maximibredd och höjd med egenskaperna 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;
}