CSS overflow-y Eigenschaft

Definition und Verwendung

Die overflow-y-Eigenschaft legt fest, ob der Inhalt auf den oberen/unteren Rändern geschnitten wird - wenn der Inhalt den Bereich des Elements übersteigt.

Hinweis:Verwendung overflow-x Eigenschaft, um den Schnitt der linken/rechten Ränder zu bestimmen.

CSS-Tutorial:CSS Ausblenden

HTML DOM Referenzhandbuch:overflowY-Eigenschaft

Beispiel

Schnitte die linken/rechten Ränder des Inhalts der div-Elemente - wenn der Inhalt über den Bereich des Elements hinausgeht:

div
{
overflow-y:hidden;
}

Selbst ausprobieren

CSS-Syntax

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

Eigenschaftswert

Wert Beschreibung Test
sichtbar Schnitte den Inhalt nicht, kann außerhalb des Inhalt Rahmens angezeigt werden. Test
hidden Schnitte den Inhalt - Bietet keine Scrollmechanik. Test
scroll Schnitte den Inhalt - Bietet eine Scrollmechanik. Test
auto Bietet eineScrollmechanik, wenn der Inhalt den Rahmen übersteigt. Test
no-display Lösche den gesamten Rahmen, wenn der Inhalt nicht in den Inhalt Rahmen passt. Test
no-content Verstecke den gesamten Inhalt, wenn der Inhalt nicht in den Inhalt Rahmen passt. Test

Technische Details

Standardwert: sichtbar
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.overflowY="scroll"

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

Zahlen mit -ms- bezeichnen die erste Version, die den Präfix verwendet.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5