CSS overflow-x Eigenschaft

Definition und Verwendung

Die overflow-x Eigenschaft legt fest, ob die linken und rechten Kanten des Inhalts beschnitten werden - wenn der Inhalt über den Bereich hinausgeht.

Hinweis:Verwendung overflow-y Eigenschaft, um die Kürzungen der oberen und unteren Kanten zu bestimmen.

CSS Anleitung:CSS Überlauf

HTML DOM Referenzhandbuch:overflowX Eigenschaft

Beispiel

Kleinere Kanten des Inhalts des div-Elements - wenn der Inhalt über den Bereich hinausgeht:

div
{
overflow-x:hidden;
}

Versuchen Sie es selbst

CSS-Syntax

overflow-x: sichtbar|versteckt|scroll|auto|no-display|no-content;

Eigenschaftswert

Wert Beschreibung Test
sichtbar Keine Kürzungen des Inhalts, könnte außerhalb des Inhalt Rahmens angezeigt werden. Test
hidden Kleinere Inhalte - Bietet keine Rollenmechanik. Test
scroll Kleinere Inhalte - Bietet eine Rollenmechanik. Test
auto Bietet eine Rollenmechanik, wenn der Inhalt über den Rahmen hinausgeht. Test
no-display Lösche das gesamte Feld, wenn der Inhalt nicht in den Inhalt Rahmen passt. Test
no-content Verstecke das gesamte Inhalt, wenn der Inhalt nicht in den Inhalt Rahmen passt. Test

Technische Details

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

Browserunterstützung

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

Zahlen mit -ms- als Präfix beziehen sich auf die erste Version, die den Präfix verwendet.

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