English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Die resize CSS-Eigenschaft legt fest, ob ein Element von den Benutzern angepasst werden kann (wenn ja) und in welche Richtung es angepasst werden kann.
Die folgende Tabelle enthält die Beschreibung der Verwendung und die Versionshistorie dieses Attributes sowie die Verwendungssyntax in JavaScript-Skripten.
| Standardwert: | none |
|---|---|
| Geeignet für: | SichtbarÜberlaufaußer |
| Vererbung: | Keine |
| Animierbar: | Nein.Siehe auch Animationsattribute。 |
| Version: | CSS3neue Funktion |
| JavaScript-Syntax: | object.style.resize="both" |
Die Syntax dieses Attributes ist wie folgt:
resize: none | both | horizontal | vertical | initial | inherit
Die folgenden Beispiele zeigen, wie die resize-Eigenschaft verwendet wird.
textarea {
resize: none;
}
div {
resize: both;
overflow: auto;
}Testen Sie es heraus‹/›Hinweis: Die resize-Eigenschaft wird auf ein Element angewendet, das die BerechnungoverflowDer Wert ist visible. Wenn overflow auf einer bestimmten Achse (d.h.overflow-xvs. overflow-y）unterschiedlich, dann gilt diese Eigenschaft für die Größe visible, die keinen Wert hat.
Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| none | Die Benutzer können die Größe des Elements nicht anpassen. Dies ist der Standardwert. |
| both | Das Element zeigt einen beidseitigen Größenanpassungsmechanismus an, um den Benutzern zu erlauben, die Höhe und Breite des Elements anzupassen. |
| horizontal | Das Element zeigt einen einseitigen horizontalen Größenanpassungsmechanismus an, um den Benutzern zu erlauben, nur die Breite des Elements anzupassen. |
| vertical | Das Element zeigt eine einseitige vertikale Größenanpassungsmechanismus an, um den Benutzern zu erlauben, nur die Höhe des Elements anzupassen. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der resize-Wert des übergeordneten Elements verwendet. |
Kompatibilität der resize-Eigenschaft der Browser, die Nummern in der folgenden Tabelle stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte beziehen Sie sich auf die folgenden Tutorials:CSS Overflow。
Verwandte Eigenschaften:overflow，overflow-x，overflow-y