overflow-x, overflow-y

(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)

Die nicht dem CSS-Standard entsprechenden Eigenschaften overflow-x und overflow-y funktionieren genauso wie overflow, nur definieren sie Höhe und Breite getrennt. overflow-x beschreibt das Browserverhalten bei horizontal überfließendem Inhalt, overflow-y das Browserverhalten bei vertikal überfließendem Inhalt.

Vererbt: nein

Siehe auch: overflow

Werte

Dieselben Konstanten wie für overflow.

Standardwert: visible

Kompatibilität

CSS-Version: sind nicht Bestandteil der CSS-Spezifikation

Funktionieren nur im Internet Explorer für Windows ab Version 5.

Eine entsprechende Funktionalität in CSS3 ist geplant. Die endgültigen Eigenschafts- und Wertbezeichnungen werden jedoch wahrscheinlich anders lauten. Aktuelle Informationen finden Sie auf der Website der CSS Working Group.

Beispiel

Folgende Stilregel weist dem Element mit der ID hauptmenue eine feste Höhe und Breite zu. Kommt es zu vertikal überfließendem Inhalt, erscheint ein Scroll-Balken. Kommt es zu horizontal überfließendem Inhalt, wird dieser außerhalb der Grenzen abgeschnitten:

#hauptmenue{
 width: 150px;
 height: 400px;
 overflow-x: hidden;
 overflow-y: auto;
}

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg