CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaften大全

CSS3 Overflow-x Eigenschaft CSS Outline-width Eigenschaft

Verwendung und Beispiel der CSS overflow-Eigenschaft

Die overflow-Eigenschaft von CSS legt fest, ob bei Überlappung des Inhalts des Elements der Inhalt geschnitten wird, ein Scrollbalken angezeigt wird oder das überflüssige Inhalt angezeigt wird.

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

Standardwert：	visible
Geeignet für：	Block, inline-block und flex-container
Vererbung：	Keine
Animierbar：	Nein.Bitte参见 Animationseigenschaft。
Version：	CSS 2、3
JavaScript-Syntax：	object.style.overflow="scroll"

Syntax der Verwendung von Overflow

Die Syntax dieser Eigenschaft lautet wie folgt：

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

Die folgenden Beispiele zeigen, wie die overflow-Eigenschaft verwendet wird.

Beispiel

　　div　{
　　　width:　400px;
　　　height:　300px;
　　　overflow:　scroll;
　　}

Testen Sie es heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
visible	Der 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.
hidden	Der Inhalt des überflüssigen Elements wird ausgeschnitten, und der Rest ist nicht sichtbar.
scroll	Der überflüssige Inhalt wird so behandelt, als wäre er versteckt, aber es wird ein Scrollmechanismus bereitgestellt, um auf den überflüssigen Inhalt zuzugreifen.
auto	Wenn der Inhalt des Elements über den Rahmen hinausgeht, wird ein Scrollbalken bereitgestellt, um den verbleibenden Inhalt anzuzeigen.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, verwendet der verknüpfte Element der overflow-Wert des übergeordneten Elements.

Browserkompatibilität

Kompatibilität der overflow-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.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

Weiterlesen

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

Zusammenhängende Eigenschaften：Overflow-x，Overflow-y，clip，word-wrap。

CSS3 Overflow-x Eigenschaft CSS Outline-width Eigenschaft