Formatierung für ersten Buchstaben eines Textes festlegen
Sie haben einen Text auf Ihrer Website und möchten bei diesem Text den ersten Buchstaben anders formatiert haben?
Mit Hilfe von sogenannten "Pseudoelementen" ist das möglich. So lässt sich mit der CSS-Klasse "p:first-letter" die Formatierung aller ersten Buchstaben von <p>-Elementen festlegen.
Dabei dürfen in der Klasse alle erlaubten CSS-Eigenschaften verwendet werden. Weitere typische Pseudoelemente für Texte und Überschriften sind ":first-line" (erste Textzeile), sowie "first-child" (erstes Kindelement).
Ein kleines Beispiel für die Verwendung von "p:first-letter":
<html>
<head>
<style type="text/css">
p:first-letter {
font-size: 150%; color:blue;
}
</style>
</head>
<body>
<p>Dieser Text soll zeigen, wie einfach sich der erste Buchstabe eines Textes anders formatieren lässt.
</body>
</html>
MEMBERS LOGIN
SEITE DURCHSUCHEN
