Cover_19-6_gruen_low

Schweizer Fachzeitschrift
für Publishing und Digitaldruck


Dossiers >> Web-Publishing >> Tipps und Tricks >> CSS: Automatische Initialen

CSS: Automatische Initialen

(msc) Initialen sehen edel aus, verleihen einem Text Würde und Wichtigkeit. Sie lassen sich obendrein ohne viel Aufwand automatisch erstellen. Die folgende Deklaration fügt jedem Abschnitt eine Initiale hinzu:

p:first-letter {margin-right:6px; margin-top:5px; float:left; color:white; background:khaki; border:1px solid darkkhaki; font-size:80px; line-height:60px; padding-top:2px; padding-right:5px;}

Im HTML-Code selbst müssen Sie nichts ändern; die Initiale erscheinen ohne weiteres Zutun.

Falls Sie die Initiale nur im ersten Absatz anzeigen möchten, ändern Sie die Deklaration einfach wie folgt ab. Diese CSS-Regel gibt vor, dass die Initiale nur beim ersten p angezeigt wird:

p:first-child:first-letter