CSS/Eigenschaften/overflow-x

Die Eigenschaft overflow-x ermöglicht es, Inhalte größer als das Element zu machen oder den Platz für den Inhalt eines Elements zu beschränken.

Erlaubte Werte

• auto, browserabhängig, die meisten Browser stellen Scrollbalken zur Verfügung
• scroll, Inhalte sind per Scrollbalken erreichbar
• visible, Inhalte sind sichtbar
• hidden, Inhalte sind unsichtbar

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

visible

anwendbar auf

Block-Elemente, Flex-Container und Grid-Container

Vererbung

nein

animierbar

nein

Beispiel

#eins  { overflow-x: auto; }
#zwei  { overflow-x: scroll; }
#drei  { overflow-x: visible; }
#vier  { overflow-x: hidden; }

 

Beachten Sie: Die Werte no-display und no-content wurden von den Browsern nicht unterstützt und 2018 aus dem Standard entfernt.

Siehe auch

• CSS/Tutorials/Boxmodell/übergroßer_Inhalt#overflow-x

Weblinks

• Spezifikation (W3C): overflow-x property
• MDN: overflow-x property