Sie befinden sich hier: » CSS Angaben » Außen- & Innenabstände » padding

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
  • absolute und relative Angaben
  • inherit
Mehrfachangaben man kann gleich für jeden Seite eine eigenen Wert festlegen, dazu werden bis zu 4 Angaben auf einmal angegeben.
  • Angabe von 1 Wert: gilt für alle 4 Seiten
  • Angabe von 2 Werten: 1. Wert gilt für oben und unten, 2. Wert gilt für rechts und links
  • Angabe von 3 Werten: 1. Wert gilt für oben, 2. Wert für rechts und links, 3.Wert für unten
  • Angabe von 4 Werten: die Werte gelten in Reihenfolge für oben, rechts, unten und links
Anmerkungen  

Browserunterstützung von padding

  Microsoft Internet Explorer Opera
  5+ 5+ 4 6+ 1+ 0.8+ 1+ 3.1+ 2
absolute und relative Angaben J J F J J J J J J
letzte Änderung: 08.01.2010