CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaftsliste

CSS Abstand-bottom Eigenschaft CSS3 overflow-y Eigenschaft

Verwendung und Beispiele für das CSS-Füllungsattribut

Die CSS-Füllungsattribute können auf allen vier Seiten eines Elements eingestellt werden. Es istAbstand-top,Abstand-right,Abstand-bottomundAbstand-leftKurzschreibweise des Attributs.

Die nachstehende Tabelle zeigt die Verwendung und Versionsgeschichte dieses Attributs sowie die Syntax in JavaScript-Skripten.

Standardwert:	0
Anwendbar auf:	Alle Elemente, außer<tbody>,<thead>,<tfoot>,<tr>,<colgroup>und<col>. Es gilt auch für::first-letter.
Vererbung:	Nein
Animierbar:	Ja.Siehe Animationseigenschaft.
Version:	CSS 1,2,3
JavaScript-Syntax:	object.style.padding="20px 15px"

padding-Syntax

Die Syntax dieses Attributes ist wie folgt:

padding:　[　length　|　percentage]　1　bis　4　Werte　|　initial　|　inherit

Der folgende Beispiel zeigt, wie die padding-Eigenschaft verwendet wird.

Beispiel

　　p.one　{
　　　padding:　20px;
　　}
　　p.two　{
　　　padding:　35px　15px;
　　}

Testen Sie heraus‹/›

Diese Kurzschreibweise kann ein, zwei, drei oder vier durch Leerzeichen getrennte Werte verwenden.

wenn eingerichtetEin Wertwird dieser Füllung auf alle4Seiten.
Wenn eingerichtetZwei Wertewenn der erste Wert auf die Ober- und untere Seite angewendet wird, der zweite Wert auf die rechte und linke Seite.
Drei Werte entsprechendWird auf die Oberseite, horizontal (d.h. links und rechts) und die untere Seite angewendet.
Vier WerteWird nacheinander auf die Oberseite, die rechte Seite, die untere Seite und die linke Seite angewendet.

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
Abstand-top	Setzen Sie den Füllung auf die obere Seite des Elements.
Abstand-right	Setzen Sie den Füllung auf die rechte Seite des Elements.
Abstand-bottom	Setzen Sie den Füllung auf die untere Seite des Elements.
Abstand-left	Setzen Sie den Füllung auf die linke Seite des Elements.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, wird der verknüpfte Element der Padding-Wert des übergeordneten Elements verwendet.

Browserkompatibilität

Kompatibilität der Browser für die padding-Eigenschaft; die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

Weiterlesen

Siehe folgende Anleitungen:CSS Füllung,CSS Box-Modell.

Verwandte Eigenschaften:Abstand-top,Abstand-right,Abstand-bottom,Abstand-left.

CSS Abstand-bottom Eigenschaft CSS3 overflow-y Eigenschaft