margin
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Die zusammenfassende Eigenschaft margin beschreibt die Größe des Außenrands eines Elements.
Mit den Eigenschaften margin-bottom, margin-left, margin-right und margin-top können die Außenränder an jeder Seite eines Elements auch separat deklariert werden.
Vererbt: nein
Siehe auch: margin-bottom, margin-left, margin-right, margin-top
Werte
Zwischen einem und vier Werte für jede Seite eines Elements. Die Werte werden durch Leerzeichen voneinander getrennt. Die Zuweisung der Werte wird in der folgenden Tabelle beschrieben.
Gültig sind CSS-Maßangaben, Prozentwerte der Breite bzw. Höhe des übergeordneten Elements oder die Konstante auto. Bei auto berechnet der Browser den Außenrand so, dass alle Elemente ihre standardmäßige bzw. zugewiesene Breite einnehmen können.
Tabelle: Wertkombinationen für margin und ihre Auswirkung.
| Anzahl der Werte | Auswirkung |
|---|---|
| 1 | Der Wert bezieht sich auf alle vier Außenränder. |
| 2 | Der erste Wert bezieht sich auf die horizontalen Außenränder oben und unten, der zweite Wert auf die vertikalen Außenränder links und rechts. |
| 3 | Der erste Wert bezieht sich auf den oberen Außenrand, der zweite Wert auf die vertikalen Außenränder links und rechts, der dritte Wert auf den unteren Außenrand. |
| 4 | Der erste Wert bezieht sich auf den oberen Außenrand, der zweite Wert auf den rechten Außenrand, der dritte Wert auf den unteren Außenrand, der vierte Wert auf den linken Außenrand. |
Standardwert: 0
Kompatibilität
CSS-Version: 1
Funktioniert in allen CSS-fähigen Browsern, einschließlich Internet Explorer 4 und Netscape 4.
Beispiel
Folgende Stilregel führt zur Darstellung von blockquote-Elementen mit einer Breite von 80% ihres übergeordneten Elements. Oben und unten erhalten sie zudem einen 10 Pixel breiten Außenrand. Der linke und rechte Innenrand wird gleichermaßen automatisch vom Browser berechnet, um das Element horizontal zu zentrieren:
| 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