Kategorien
Stylesheets Webentwicklung

How to use CSS property resize

resize – Eine Veränderung der Größe ist nur möglich und sinnvoll, wenn die overflow-Eigenschaft des Elements einen Wert hat, der verschieden von visible ist.

html code beispiel

resizeoutline

Die Eigenschaft resize bestimmt, ob ein Element durch die Maus vergrößert, bzw. verkleinert werden kann.

Die CSS-Eigenschaft resize ermöglicht weiterhin die Steuerung, ob und wie ein Element in der Größe verändert werden kann. Sie akzeptiert verschiedene Werte:

  • none: Das Element kann nicht verändert werden.
  • both: Das Element kann sowohl in der Breite als auch in der Höhe verändert werden.
  • horizontal: Das Element kann nur in der Breite verändert werden.
  • vertical: Das Element kann nur in der Höhe verändert werden.
  • initial: Setzt die resize-Eigenschaft auf den Standardwert, normalerweise “both”.
  • inherit: Erbt den Wert von der übergeordneten Elementkette.

Mit outline kann ein Rahmen zum Hervorheben um Elemente herum gelegt werden, der aber nicht die Box breiter macht.

Beachten Sie, dass nicht alle Elemente diese Eigenschaft standardmäßig unterstützen, und die tatsächliche Umsetzung kann je nach Browser variieren. Es ist wichtig sicherzustellen, dass das Element, das Sie ändern möchten, die resize-Eigenschaft unterstützt, um eine konsistente Benutzererfahrung zu gewährleisten.

Eine Veränderung der Größe ist nur möglich und sinnvoll, wenn die overflow-Eigenschaft des Elements einen Wert hat, der verschieden von visible ist.
Chrome und Safari lassen keine Verkleinerung des Elementes zu.

Von Michael

Diplom-Ingenieur
wohnhaft in München

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert