Rahmen

(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 Rahmen aufgeführt sowie deren mögliche Werte mit jeweils einem Beispiel.

border-style

Rahmenart

Definition der Rahmenart. Wichtige Werte sind:

1) solid: durchgezogene Linie

2) double: doppelt durchgezogene Linie

3) dashed: gestrichelte Linie

4) dotted: gepunktete Linie

5) none/hidden: kein Rahmen

Werte

<Rahmen-Stil>{1,4} | inherit

Beispiel

border-style: double;

border-top-style
border-right-style
border-bottom-style
border-left-style

Rahmenart

Einzelnes Setzen einer Rahmenart; siehe border-style

Werte

<Rahmen-Stil> | inherit

Beispiel

siehe border-style

border-top-width
border-right-width
border-bottom-width
border-left-width

Rahmendicke

Einzelnes Setzen einer Rahmenbreite; siehe border-width

Werte

<Rahmendicke> | inherit

Beispiel

siehe border-width

border-width

Rahmendicke

Festlegung der Rahmendicke. Angaben können mit einem der in CSS erlaubten Maße oder mit einem der folgenden Werte erfolgen (Reader dürfen Maßangaben in einen dieser Werte überführen):

1) thin: dünn

2) medium: mittel

3) thick: dick

Werte

<Rahmendicke>{1,4} | inherit

Beispiel

border-width: 0.5pt;

border-color

Rahmenfarbe

Festlegung der Rahmenfarbe. Werte: RGB-Werte oder einer der 16 VGA-Farbnamen.

Werte

[<Farbe> | transparent]{1,4} | inherit

Beispiel

border-color: #33ffaa;

border-top-color
border-right-color
border-bottom-color
border-left-color

Rahmenfarbe

Einzelnes Setzen einer Rahmenfarbe; siehe border-color

Werte

<Farbe> | transparent | inherit

Beispiel

siehe border-color;

border-top
border-right
border-bottom
border-left

Rahmenformatierung

Einzelnes Setzen eines Rahmens; siehe border

Werte

[ <Rahmendicke> || <Rahmen-Stil> || ʼborder-top-colorʼ ] | inherit

Beispiel

siehe border

border

Rahmenformatierung

Kurzschreibweise aller border-Eigenschaften (border-style, border-width und border-color, in dieser Reihenfolge mit Leerzeichen getrennt)

Werte

[ <Rahmendicke> || <Rahmen-Stil> || ʼborder-top-colorʼ ] | inherit

Beispiel

border: 1px solid #44444;

   

<< 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