CSS paddingEigenschaft
Beispiel
Legen Sie den Innenabstand eines P-Elements fest:
p {
padding:2cm 4cm 3cm 4cm;
}
Selbst ausprobieren »
Eigenschaftsdefinition und Verwendungshinweise
Die padding-Kurzschreibweise legt alle padding-Eigenschaften in einer Deklaration fest. Diese Eigenschaft kann 1 bis 4 Werte annehmen.
Beispiel:
-
padding:10px 5px 15px 20px;
- Der obere Innenabstand beträgt 10px
- Der rechte Innenabstand beträgt 5px
- Der untere Innenabstand beträgt 15px
- Der linke Innenabstand beträgt 20px
-
padding:10px 5px 15px;
- Der obere Innenabstand beträgt 10px
- Rechter und linker Innenabstand betragen 5px
- Der untere Innenabstand beträgt 15px
-
padding:10px 5px;
- Oberer und unterer Innenabstand betragen 10px
- Rechter und linker Innenabstand betragen 5px
-
padding:10px;
- Alle vier Innenabstände betragen 10px
Hinweis:Negative Werte sind nicht erlaubt.
| Standardwert: | 0 |
|---|---|
| Vererbt: | nein |
| Version: | CSS1 |
| JavaScript-Syntax: | object.style.padding="10px 5px" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.
| Eigenschaft | |||||
|---|---|---|---|---|---|
| padding | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| length | Legt den Innenabstandswert in bestimmten Einheiten fest, wie Pixel, Zentimeter usw. Der Standardwert ist 0px. |
| % | Legt den Innenabstand als Prozentsatz basierend auf der Breite des übergeordneten Elements fest. |
| inherit | Legt fest, dass der Innenabstand vom übergeordneten Element geerbt werden soll. |
Ähnliche Artikel
CSS-Tutorial:CSS-Padding
Weitere Erweiterungen