Beispiel
Gibt an, dass ein <div> Element sollte vom Anwender veränderbar sein:
div {
resize: both;
overflow: auto;
}
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Resize-Eigenschaft gibt an, ob ein Element durch den Benutzer geändert werden kann.
Note: Die Resize - Eigenschaft auf Elemente , deren Wert berechnete Überlauf gilt , ist etwas anderes als "visible" .
| Standardwert: | none |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS3 |
| JavaScript-Syntax: | object .style.resize="both" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von -moz- geben Sie die erste Version, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| resize | 4.0 | Nicht unterstützt | 5.0 4.0 -moz- | 4.0 | 15,0 |
CSS-Syntax
resize: none|both|horizontal|vertical|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| none | Standardwert. Der Benutzer kann das Element die Größe | Spiel es " |
| both | Der Benutzer kann sowohl die Höhe und die Breite des Elements einzustellen | Spiel es " |
| horizontal | Der Benutzer kann die Breite des Elements einzustellen | Spiel es " |
| vertical | Der Benutzer kann die Höhe des Elements einzustellen | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Mehr Beispiele
Beispiel
Lassen Sie den Benutzer nur die Höhe eines die Größe <div> Element:
div
{
resize: vertical;
overflow:
auto;
}
Versuch es selber " Beispiel
Lassen Sie den Benutzer nur die Breite eines die Größe <div> Element:
div
{
resize: horizontal;
overflow:
auto;
}
Versuch es selber " Beispiel
In der Standardeinstellung <textarea> Elemente sind der Größe veränderbar. Verwenden Sie die Resize - Eigenschaft Textbereiche zu verhindern , dass der Größe verändert werden (disable the "grabber" in the textarea) :
textarea {
resize: none;
}
Versuch es selber " Verwandte Seiten
CSS3 Tutorial: CSS3 User Interface
HTML - DOM - Referenz: resize property der resize property