CSS Snippet – Versalie am Beginn eines Absatzes

Posted in Allgemeines, CSS, Snippet on 11/27/2009 07:53 by Hoegerl_Karl
Kategorie:Einsteiger
Eine Versalie ist ein größer dargestellter Anfangsbuchstabe in einem Absatz. Mit diesem Cascading Style Sheets Snippet lässt sich dies einfach umsetzen.

Eintrag im Cascading Style Sheet Bereich:

p:first-letter {
color:white;
background-color:black;
font-size: 4 em;
line-height: 0.8 em;
}

Ausschnitt aus dem Quellcode:

<p>Dieser Text hat eine Vesalie …</p>

Darstellung:

Dieser Text hat eine Versalie …

Ein praktisches Snippet, dass sich schnell einsetzen lässt. Es funktioniert auf allen aktuellen Browsern.