CSS resize Eigenschaft
Definition und Verwendung
Die resize-Eigenschaft legt fest, ob die Größe des Elements vom Benutzer angepasst werden kann.
Anmerkung:Um diese Eigenschaft wirksam zu machen, muss die overflow-Eigenschaft des Elements auf auto, hidden oder scroll gesetzt werden.
Weitere Informationen:
CSS3 Tutorial:CSS3 Benutzeroberfläche
HTML DOM Referenzhandbuch:resize-Eigenschaft
Beispiel
Definiert, dass die Größe des div-Elements vom Benutzer angepasst werden kann:
div
{
resize:both;
overflow:auto;
}
CSS-Syntax
resize: none|both|horizontal|vertical;
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| keine | Der Benutzer kann die Größe des Elements nicht anpassen. |
| beide | Der Benutzer kann die Höhe und Breite des Elements anpassen. |
| horizontal | Der Benutzer kann die Breite des Elements anpassen. |
| vertikal | Der Benutzer kann die Höhe des Elements anpassen. |
Technische Details
| Standardwert: | keine |
|---|---|
| Vererbbarkeit: | nein |
| Version: | CSS3 |
| JavaScript-Syntax: | object.style.resize="both" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.
Zahlen mit -moz- beziehen sich auf die erste Version, die den Präfix verwendet.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 79.0 | 5.0 4.0 -moz- |
4.0 | 15.0 |
