2.9.6 Innenabstand <padding>
en Padding
fr

• 1 Bezeichnungen
• 2 Möglichkeiten
• 3 Beispiel
• 4 Workshops

-

⇧ 1 Bezeichnungen

padding = Auffüllung oder Auspolsterung

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

HTML: Das Box-Modell

-

⇧ 2 Möglichkeiten

Folgende Abstände sind möglich:

• padding-top = oberer Innenabstand

• padding-right = rechter Innenabstand

• padding-bottom = unterer Innenabstand

• padding-left = linker Innenabstand

-

⇧ 3 Beispiel

1) Angabe im Quelltext

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

2) Ausgabe im HTML-Dokument

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

-

⇧ 4 Workshops

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

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

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

• Web Design Group en Syntax: padding

↑