2.7.5 Innenabstand <padding>

a) Bezeichnungen

padding = Auffüllung oder Auspolsterung

• Der Innenabstand (padding) ist der Abstand zwischen dem Inhalt (Text) und dem Rand seines Elementes (Rahmen, Zelle)

b) Möglichkeiten

Folgende Abstände sind möglich:

• padding-top = oberer Innenabstand
• padding-right = rechter Innenabstand
• padding-bottom = unterer Innenabstand
• padding-left = linker Innenabstand

c) Beispiel

<p style="outline:1px solid #f00;
 padding: 2em 5em 2em 5em;">
 Innenabstand: oben=2em, rechts=5em, unten=2em, links= 5em
</p>

Innenabstand: oben=2em, rechts=5em, unten=2em, links= 5em

d) Workshops

• SELFHTML: Allgemeines zum Innenabstand
  SELFHTML: padding (Innenabstand allgemein)
  SELFHTML: Beispiel
  SELFHTML: padding-top (Innenabstand oben)
  SELFHTML: Beispiel
  SELFHTML: padding-right (Innenabstand rechts)
  SELFHTML: Beispiel
  SELFHTML: padding-bottom (Innenabstand unten)
  SELFHTML: Beispiel
  SELFHTML: padding-left (Innenabstand links)
  SELFHTML: Beispiel

• W3Schools: CSS2-Reference: padding
  W3Schools: CSS Padding
  W3Schools: Beispiel: Set the left padding
  W3Schools: Beispiel: Set the right padding
  W3Schools: Beispiel: Set the top padding
  W3Schools: Beispiel: Set the bottom padding
  W3Schools: Beispiel: All the padding properties in one declaration

• Web Design Group: Syntax: padding

• CSS 4 You: Innenabstand (padding)
  CSS 4 You: Beispiel

↑