Abstände
Bei Abständen von Elementen sind Innenabstand und Außenabstand der Elemente zu unterscheiden. Standardmäßig werden Abstände in Pixel ausgedrückt, können jedoch auch prozentual angegeben werden.
Separate Wertangaben
| Ein Wert | Gilt für alle vier Seiten. |
|---|---|
| Zwei Werte | Der erste Wert gilt für oben und unten, der zweite für die linke und rechte Seite. |
| Drei Werte | Der erste Werte steht für die obere, der zweite für die linke und rechte Seite und der dritte für die untere Seite. |
| Vier Werte | Werte in der Reihenfolge oben, rechts, unten, links |
Innenabstand
Ist den Abstand des Blockinhalts zu seinem Rahmen.
padding: Wert;
Sollen nicht alle Abstände gleich breit definiert werden, kann dies entsprechend der oben abgebildeten Tabelle festgelegt werden. Alternativ können die einzelnen Seitenabstände auch explizit angegeben werden.
padding-top: Wert; padding-right: Wert; padding-bottom: Wert; padding-left: Wert;
Außenabstand
Bestimmt den Abstand von Block-Elementen zueinander. Durch das Verschieben von Blockelementen entsteht eine freie Fläche. Unterschiedliche Browser definieren unterschiedliche Standardwerte für Außenabstände. Allgemein gilt, dass für die Abstände links und rechts 0px als Standard gilt. Die Abstände oben und unten variieren browserabhängig zwischen ca. 10 und 20 px.
margin: Wert;
Sollen nicht alle Abstände gleich breit definiert werden, kann dies entsprechend der oben abgebildeten Tabelle festgelegt werden. Alternativ können die einzelnen Seitenabstände auch explizit angegeben werden.
margin-top: Wert; margin-right: Wert; margin-bottom: Wert; margin-left: Wert;
