CSS/Eigenschaften/overflow-y

Die Eigenschaft overflow-y 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-y: auto; }
#zwei  { overflow-y: scroll; }
#drei  { overflow-y: visible; }
#vier  { overflow-y: 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

Weblinks

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