Ränder und Abstand

(Auszug aus "E-Books mit ePUB ─ Von Word zum E-Book mit XML" von Dr. Victor Wang)

In der folgenden Tabelle sind die wichtigesten CSS-Eigenschaften für Ränder und Abstände aufgeführt sowie deren mögliche Werte mit jeweils einem Beispiel.

margin-right
margin-left

Außenabstand

Legt einen einzelnen Außenabstand fest. Siehe margin

Werte

<Außenabstand-Breite> | inherit

Beispiel

siehe margin

margin-top
margin-bottom

Außenabstand

Legt einen einzelnen Außenabstand fest. Siehe margin

Werte

<Außenabstand-Breite> | inherit

Beispiel

siehe margin

margin

Außenabstand

Legt den Außenabstand fest. Folgende Schreibweisen sind möglich:

1) Angabe eines Wertes, der den Außenabstand für alle vier Seiten (oben, rechts, unten, links) festlegt

2) Angabe von zwei Werten, einmal für die Abstände oben/unten sowie einmal für die Seitenabstände (rechts/links)

3) Angabe von drei Werten: erster: oben, zweiter: Seitenabstände, dritter: unten Abstand

Werte

<Außenabstand-Breite>{1,4} | inherit

Beispiel

margin: 20px 10px 30px 10px;

padding-top
padding-right
padding-bottom
padding-left

Innenabstand

Festlegung des einzelnen Innenabstands. Siehe padding

Werte

<Innenabstand-Breite> | inherit

Beispiel

siehe padding

padding

Innenabstand

Definition des Innenabstands des aktuellen Elements. Vgl. margin

Werte

<Innenabstand-Breite>{1,4} | inherit

Beispiel

padding: 10pt 0;

   

Exkurs: Das Boxenmodell

Das Boxenmodell für Ränder und Abstände

Abbildung: Das Boxenmodell für Ränder und Abstände

   

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema ePub bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © mitp 2011
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "E-Books mit ePUB" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

Verlagsgruppe Hüthig Jehle Rehm GmbH, Im Weiher 10, 69121 Heidelberg, kundenbetreuung(at)hjr-verlag.de