CSS/Eigenschaften/overflow

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft overflow 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
  • visible = Element wird so weit ausgedehnt, dass sein Inhalt auf jeden Fall komplett sichtbar ist
  • hidden = Element wird abgeschnitten, wenn es die Grenzen überschreitet
  • scroll = Element wird abgeschnitten, wenn es die Grenzen überschreitet. Der WWW-Browser sollte jedoch Scroll-Leisten anbieten, ähnlich wie in einem eingebetteten Frame-Fenster. Diese Scroll-Leisten sind immer sichtbar.
  • auto = Der Web-Browser soll entscheiden, wie das Element im Konfliktfall angezeigt wird. Auch das Anbieten von Scroll-Leisten soll dabei erlaubt sein.
  • inherit = erbt den overflow-Wert des Elternelements
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: visible
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar nein
Beispiel
aside {
  overflow: hidden;
  width: 15em;
}
Die aside-Box hat eine Breite von 15em. Darüber hinausgehender Inhalt wird nicht angezeigt.


Weblinks

Siehe auch