max-width, min-width
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Die Eigenschaften max-width und min-width beschreiben die maximale oder minimale Breite, die ein Element einnehmen darf. Die Breite des betreffenden Elements wird vom Browser zunächst normal berechnet, erst dann wird die Begrenzung vorgenommen.
Für den Einsatz von max-width ist die Eigenschaft overflow auf hidden zu setzen, sonst kann der Inhalt des Elements die angegebene Breite überschreiten.
Vererbt: nein
Siehe auch: width, max-height, min-height
Werte
Eine CSS-Maßangabe, ein Prozentwert der Inhaltshöhe des übergeordneten Elements, für max-width die Konstante none.
Standardwert:
- max-width: none
- min-width: 0
Kompatibilität
CSS-Version: 2
Funktioniert nur in Netscape 6, Opera ab Version 7 und Mozilla.
Beispiel
Folgende Stilregel legt fest, dass das Element mit der ID oberesmenue lediglich eine Breite zwischen 200 und 1000 Pixel einnehmen darf und dass ein Scroll-Balken angezeigt wird, wenn der Inhalt größer ist als der Maximalwert des Elements:
#oberesmenue{
min-width: 200px;
max-width: 1000px;
overflow: auto;
}| 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