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

cssSelektor {
  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:

html<textarea></textarea>

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

Результат:

Beispiel . Wert horizontal

Das Element wird nur horizontal gezogen:

html<textarea></textarea>

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

Результат:

Beispiel . Wert vertical

Das Element wird nur vertikal gezogen:

html<textarea></textarea>

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

Результат:

Beispiel . Wert none

Das Element wird überhaupt nicht gezogen:

html<textarea></textarea>

csstextarea {
  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:

html<textarea></textarea>

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

Результат: