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