XML-Technologien / CSS / Anspruchsvolle Websites mit CSS / Referenz der CSS-Eigenschaften / padding-bottom, padding-top, padding-left, padding-right

padding-bottom, padding-top, padding-left, padding-right

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

Die Eigenschaften padding-bottom, padding-top, padding-left und padding-right beschreiben die Größe des unteren, oberen, linken und rechten Innenrands eines Elements.

Der Innenrand ist ein Bereich, der sich zwischen dem Inhalt eines Elements und dem Rahmen befindet. Jede Hintergrundfarbe bzw. jedes Hintergrundbild eines Elements füllt auch den Bereich des Innenrands aus.

Vererbt: nein

Siehe auch: padding

Werte

Jeder Wert kann als CSS-Maßangabe oder als Prozentwert der Breite bzw. Höhe des übergeordneten Elements angegeben werden.

Standardwert: 0

Kompatibilität

CSS-Version: 1

Funktioniert in allen CSS-fähigen Browsern, einschließlich Internet Explorer 4 und Netscape 4.

Für Elemente mit einem Rahmen zeigt Netscape 4 eine Lücke von drei Pixel Breite zwischen Rahmen und Innenrand an. Diese Lücke kann nicht entfernt werden und ist transparent, auch wenn dem Element ein Hintergrund zugewiesen wird. Mit den proprietären Netscape-Eigenschaften layer-background-color und layer-background-image kann diese Lücke mit der Hintergrundfarbe bzw. dem Hintergrundbild separat ausgefüllt werden.

Beispiel

Folgende Stilregel erzeugt einen dünnen Rahmen und einen roten Hintergrund für Elemente der Klasse warnung. Um in dem Element etwas Weißraum zu schaffen, wird oben und unten ebenfalls ein Innenrand von 5 Pixel sowie links und rechts ein Innenrand von 10 Pixel Breite angelegt:

.warnung {
 border: 1px solid;
 background-color: red;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 10px;
 padding-right: 10px;
}

<< zurück

vor >>

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

Printlayouts mit CSS & HTML

XML-Grundlagen

ePub

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