Innenabstand :: padding
"padding" ist die Kurzschreibweise für die einzelnen Angaben "padding-top", "padding-right", "padding-bottom" und "padding-left".
<p style="padding-top: 10px">
Ich habe oben einen Innenabstand von 10px</p>
<p style="padding-right: 150px">
Ich habe auf der rechten Seite einen Innenabstand von 150px.
Damit man dies auch sehen kann, ist dieser Text etwas länger.</p>
<p style="padding-bottom: 15px">
Dieser Text hat unten einen Abstand von 15px</p>
<p style="padding-left: 150px">
Hier ist der Innenabstand 150px auf der linken Seite.</p>
<p style="padding: 10px 100px 10px 100px">
Dieser Text besitzt Angaben für alle Innenabstände, oben 10px, rechts 100px, unten 10px und links 100px</p>
so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird
Ich habe oben einen Innenabstand von 10px
Ich habe auf der rechten Seite einen Innenabstand von 150px. Damit man dies auch sehen kann, ist dieser Text etwas länger.
Dieser Text hat unten einen Abstand von 15px
Hier ist der Innenabstand 150px auf der linken Seite.
Dieser Text besitzt Angaben für alle Innenabstände, oben 10px, rechts 100px, unten 10px und links 100px
padding Definition
| CSS Version | CSS 1 |
| Startwert |
nicht vorgesehen - browserabhängig |
| Vererbar | nein |
| Anwendbar auf | alle Elemente |
| Medium | visual |
| mögliche Werte |
|
| Mehrfachangaben |
man kann gleich für jeden Seite eine eigenen Wert festlegen, dazu werden bis zu 4 Angaben auf einmal angegeben.
|
| Anmerkungen |
Browserunterstützung von padding
 |
 |
 |
 |
 |
 |
 |
 |
||
|---|---|---|---|---|---|---|---|---|---|
| 5+ | 5+ | 4 | 6+ | 1+ | 0.8+ | 1+ | 3.1+ | 2 | |
| absolute und relative Angaben | J | J | F | J | J | J | J | J | J |