Toggle Light / Dark / Auto color theme

Toggle table of contents sidebar

Überlauf

Die overflow Eigenschaft legt fest, ob Inhalte, aus einem Element hinausragen dürfen, ob Scrollbalken beim Überlauf zum Einsatz kommen oder der überlaufende Bereich nicht sichtbar sein soll.

Bemerkung

Überlauf bedeutet, dass der Inhaltsbereich größer ist als der sichtbare Bereich.

Eigenschaftswert	Erklärung
visible	Standardwert. Der Inhalt wird nicht abgeschnitten und kann aus dem Element hinausragen.
hidden	Der Inhalt wird abgeschnitten und es werden keine Scrollbalken angezeigt.
scroll	Es werden immer Scrollbalken angezeigt, auch wenn der Inhalt nicht überläuft.
auto	Der Browser stellt Scrollbalken zur Verfügung, wenn der Inhalt überläuft. Hängt vom Browser ab.

.container {
  overflow: hidden;
}

.box {
  overflow: scroll;
}

See the Pen overflow by csswebsite (@csswebsite) on CodePen.

Die Eigenschaften overflow-x und overflow-y definieren den Überlauf für die X-Achse und die Y-Achse.

Eigenschaftswert	Erklärung
overflow-x	Es werden nur Scrollbalken auf der X-Achse angezeigt.
overflow-y	Es werden nur Scrollbalken auf der Y-Achse angezeigt.

.box {
  overflow-x: hidden;
  overflow-y: scroll;
}

See the Pen overflow2 by csswebsite (@csswebsite) on CodePen.