Einbinden von CSS

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

Ein CSS kann auf drei Arten innerhalb von OPS-Dateien eingebunden werden:

1. Einbindung direkt am betroffenen Element (XHTML/DTBook): Hierfür ist das Universal-Attribut style vorgesehen; diese Art der Einbindung wird allerdings als "deprecated" bezeichnet. Beispiel:

<h1 style="color: #0000FF;">

2. XHTML bietet eine weitere Art der Einbindung ("embedded") an, die für ein ganzes Dokument gilt: Hierfür wird im Kopf des XHTML-Dokuments das Element <style> gesetzt, das die CSS-Styles enthält. Beispiel:

<head><style type="text/css">h1 {color: #0000FF;} . . .</style></head>

3. XHTML und DTBook können schließlich auch beide externe Stylesheets referenzieren. In XHTML wird auch hierfür wieder im Kopf eine Referenz innerhalb des Elements <link> gesetzt. Beispiel:

<link href="../ebook.css" rel="stylesheet" type="text/css"/>

DTBook verwendet als Referenz eine Processing Instruction – also kein XML-Element – der Form:

<?xml-stylesheet href="dtbook-styles.css" type="text/css"?>

   

Zahlreiche Beispiele der Verwendung tauchten im Verlauf des OPS-Parts in den Code-Beispielen auf. Alle externen Stylesheet-Dateien müssen natürlich in der Manifest-Liste enthalten sein (siehe "CSS im Manifest").

   

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