Beispiel
Stellen Sie die Polsterung eines <p> Element:
p
{
padding: 2cm 4cm 3cm 4cm;
}
Versuch es selber " Definition und Verwendung
Die Polsterung Kurzschrift-Eigenschaft setzt alle Polstereigenschaften in einer Erklärung. Diese Eigenschaft kann von einem bis vier Werte haben.
Beispiele:
- padding:10px 5px 15px 20px;
- Top-Polsterung ist 10px
- Recht Polsterung ist 5px
- Bodenpolster ist 15px
- linke Polsterung ist 20px
- padding:10px 5px 15px;
- Top-Polsterung ist 10px
- rechte und linke Polsterung sind 5px
- Bodenpolster ist 15px
- padding:10px 5px;
- oben und unten Polsterung sind 10px
- rechte und linke Polsterung sind 5px
- padding:10px;
- alle vier Polsterungen sind 10px
Note: Negative Werte sind nicht erlaubt.
| Standardwert: | 0 |
|---|---|
| Vererbt: | no |
| Anima: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS1 |
| JavaScript-Syntax: | object .style.padding="100px 20px" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| padding | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS-Syntax
padding:length|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| length | Gibt die Polsterung in px, pt, cm, etc. Standardwert 0 | Spiel es " |
| % | Gibt die Polsterung in Prozent der Breite des enthaltenden Elements | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS Tutorial: CSS Padding
CSS Tutorial: CSS - Box - Modell
HTML - DOM - Referenz: padding - Eigenschaft