Eigenschaft resize

Die Eigenschaft resize verbietet oder erlaubt die Größenänderung von textarea oder anderen Elementen (funktioniert bei anderen Elementen nicht in allen Browsern).

Syntax

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

Werte

Wert	Beschreibung
`both`	Das Element kann in Breite und Höhe gezogen werden.
`horizontal`	Das Element kann nur in der Breite gezogen werden.
`vertical`	Das Element kann nur in der Höhe gezogen werden.
`none`	Die Größe des Elements kann nicht geändert werden.

Standardwert: none. Für textarea in einigen Browsern: both. In Browsern, die resize nicht unterstützen, verhält sich textarea so, als wäre der Wert none gesetzt.

Beispiel . Wert both

Das Element wird in beide Richtungen gezogen:

<textarea></textarea>

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

Beispiel . Wert horizontal

Das Element wird nur horizontal gezogen:

<textarea></textarea>

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

Beispiel . Wert vertical

Das Element wird nur vertikal gezogen:

<textarea></textarea>

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

Beispiel . Wert none

Das Element wird überhaupt nicht gezogen:

<textarea></textarea>

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

Beispiel . Begrenzung von Breite und Höhe

Minimale und maximale Breite und Höhe können mit den Eigenschaften max-width, min-width, max-height, min-height begrenzt werden:

<textarea></textarea>

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