English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
overflow-Die CSS-Eigenschaft legt fest, was passiert, wenn der Inhalt über die oberen und unteren Kanten des Inhaltsbereichs des Elements hinausgeht: ob der Inhalt abgeschnitten wird, ein Scrollbalken angezeigt wird oder der überflüssige Inhalt angezeigt wird.
Die folgende Tabelle enthält die Verwendungshinweise und Versionshistorie dieses Attributes sowie seine Verwendungssyntax im JavaScript-Skript.
| Standardwert: | visible |
|---|---|
| Geeignet für: | Block, inline-block und flex Container |
| Vererbung: | Keine |
| Animierbar: | Nein.Bitte参见 Animationseigenschaften。 |
| Version: | CSS3neue Funktion |
| JavaScript Syntax: | object.style.overflowY="scroll" |
Die Syntax dieses Attributes ist wie folgt:
overflow-y: visible | hidden | scroll | auto | initial | inherit
Die folgenden Beispiele zeigen, wie man overflow-y Eigenschaft.
div {
width: 400px;
height: 300px;
overflow-x: scroll;
}Testen Sie heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| visible | Der Inhalt wird nicht geschnitten; er wird außerhalb des Rahmens des Elements gerendert und könnte daher mit anderen Inhalten überlappen. Dies ist der Standardwert. |
| hidden | Der Inhalt des überflüssigen Elements wird geschnitten, der verbleibende Inhalt ist unsichtbar. |
| scroll | Der überflüssige Inhalt wird sozusagen versteckt geschnitten, aber es wird ein Scrollmechanismus bereitgestellt, um auf den überflüssigen Inhalt zuzugreifen. |
| auto | Wenn der Inhalt des Elements über den Rahmen hinausgeht, bietet es einen Scrollbalken, um den verbleibenden Inhalt anzuzeigen. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, verwendet der verknüpfte Element sein overflow-y Eigenschaftswerte. |
overflow-y Eigenschaft der Browser-Kompatibilität, die Zahlen in der folgenden Tabelle geben die niedrigste Versionsnummer des Browsers an, der diese Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.
|
Warnung: Internet Explorer 7und frühere Versionen unterstützen diesen overflow-y Eigenschaft. IE8unterstützt diese Eigenschaft, erfordert jedoch eine spezifische Microsoft-ms-Präfix (z.B.-ms-overflow-y). In IE9und höheren Versionen unterstützt.
Bitte beziehen Sie sich auf die folgenden Tutorials:CSS Overflow。
Verwandte Eigenschaften:overflow，overflow-x，clip，word-wrap。