Abgerundete Ecken

(Auszug aus "ePub für (In)Designer — Mit InDesign Schritt für Schritt zum E-Book" von Sascha Heck & Yves Apel)

Auch abgerundete Ecken sind möglich. Diese Funktion wird allerdings erst mit dem kommenden und nicht mit dem offiziellen CSS3-Standard definiert werden. Es gibt noch keine einheitliche Kodierung für alle Browser und erst wenige E-Reader unterstützen die Funktion der abgerundeten Ecken. Möchten Sie Ihr E-Book jedoch schon für die Zukunft vorbereiten, können Sie die Codes bereits angeben.

div.Kasten {
  margin: 1em 2em 1em 2em;
  padding: 1em;
  border-width: 2px; /*Konturstärke*/
  border-style: solid; /*Konturstil*/
  border-color: black; /*Konturfarbe*/
  background-color: #991614;
  border-radius: 10px 10px 10px 10px; /*Ist als allgemeiner Code vorgesehen*/
  -moz-border-radius: 10px 10px 10px 10px; /*Code für Mozilla Firefox*/
  -webkit-border-radius: 10px 10px 10px 10px; /*Code für Apple Safari, iBooks, ...*/
  -o-border-radius: 10px 10px 10px 10px; /*Code für Opera*/
}

Kasten mit abgerundeten Ecken

Abbildung: Kasten mit abgerundeten Ecken.

  

<< zurück vor >>

 

 

 

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

Copyright © dpunkt.verlag GmbH 2012
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "ePub für (In)Designer" 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.

dpunkt.verlag GmbH, Wieblinger Weg 17, 69123 Heidelberg, fon 06221-14830, fax 06221-148399, hallo(at)dpunkt.de