Sie sind hier: Home > Tricks > HTML & CSS > first-...

first-letter

Stand vom 03.03.2003
Mit ein wenig CSS können Sie den ersten Buchstaben eines Absatzes, wie in Zeitungen, oder Zeitschriften groß darstellen.

Fachbegriffe
 Linktipps
Werbung  GPS Navigation   Webhosting inkl. Domain   AWD Erfahrung

Es ist eigentlich fast nichts dabei, nur ein kleiner CSS Befehl, nämlich der firstletter Befehl. Mit ihm wird drirekt der erste Buchstabe z.B. einer Überschrift, oder eines Absatzes angesprochen.

Hier eine CSS-Klassendefinition.

.fl:first-letter {
float:left;
color:black;
font-size:250%;
}


Auf einen Blocksatz wird das ganze so angewendet:

<p class="fl">Viel Text...</p>

Die CSS Anweisung ist eigentlich recht einfach, nur der first-letter