English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaftsliste

CSS3 overflow-Verwendung und Beispiel der Eigenschaft

overflow-Die CSS-Eigenschaft legt fest, was passiert, wenn der Inhalt über die seitlichen Ränder des Inhaltsbereichs des Elements hinausgeht: wird der Inhalt geschnitten, wird ein Scrollbalken angezeigt oder wird der überflüssige Inhalt angezeigt?

Die folgende Tabelle enthält die Verwendungshinweise und Versionshistorie dieser Eigenschaft sowie die Syntax ihrer Verwendung in JavaScript-Skripten.

Standardwert:visible
Geeignet für:Block, inline-block und flex Behälter
Vererbung:Keine
Animierbar:Nein.Siehe auch Animationseigenschaften。
Version: CSS3neue Funktion
JavaScript-Syntax:object.style.overflowX="scroll"

Syntax der Verwendung von overflow

Die Syntax dieser Eigenschaft lautet wie folgt:

overflow-x:　visible　|　hidden　|　scroll　|　auto　|　initial　|　inherit

Die folgenden Beispiele zeigen, wie overflow-x Eigenschaft.

　　div　{
　　　width:　400px;
　　　height:　300px;
　　　overflow-x:　scroll;
　　}
Testen Sie heraus‹/›

Eigenschaftswerte

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
visibleDer Inhalt wird nicht ausgeschnitten; er wird außerhalb des Rahmens des Elements gerendert und könnte daher mit anderen Inhalten überlappen. Dies ist der Standardwert.
hiddenDer Inhalt des überflüssigen Rahmens wird ausgeschnitten, und der Rest ist unsichtbar.
scrollDer überflüssige Inhalt wird so behandelt, als wäre er versteckt, aber es wird ein Scrollmechanismus bereitgestellt, um den überflüssigen Inhalt zu erreichen.
autoWenn der Inhalt des Elements über den Rahmen hinausgeht, bietet es einen Scrollbalken, um den Rest des Inhalts anzuzeigen.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, verwendet der verknüpfte Element seine übergeordnete Element overflow-x-Werte der Eigenschaft.

Browser-Kompatibilität

overflow-x-Eigenschaft-Browser-Kompatibilität, die in der folgenden Tabelle angegebenen Zahlen stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1.5obige

  • Google Chrome1+

  • Internet Explorer 9+

  • Apple Safari 3+

  • Opera 9.5+

Warnung: Internet Explorer 7und frühere Versionen unterstützen diesen overflow-x Eigenschaft. IE8unterstützt diese Eigenschaft, aber erfordert eine spezifische
-ms-Präfix (z.B.-ms-overflow-x）。In IE9und höher unterstützt.

Weiterlesen

Bitte beziehen Sie sich auf die folgenden Tutorials:CSS Overflow。

Verwandte Eigenschaften:overflow，overflow-y，clip，word-wrap。

CSS3 overflow-y EigenschaftCSS overflow Eigenschaft