Voll WebDesign – Webagentur Frankfurt

Mit CSS den ersten Buchstaben verändern

Achtung: Um den ersten Buchstaben eines Elements im Code anzusprechen, bedarf es nicht mehr zwangsläufig einem -Tag. Möglich macht dies das Pseudo-Element „::first-letter“. Obwohl dem DOM kein Element hinzugefügt wird, wird der angesprochene erste Buchstabe in einem -Tag eingeschlossen. Wie das Pseudoelement „::first-line“, wird auch „::first-letter“ häufig dazu verwendet, um typografische Details zu Textelementen, wie sog. „Drop Caps“ oder Initialen hinzuzufügen.
::first-letter Pseudoelement Voll Webdesign Codeschnipsel

Oft benutzt wird dieses ausgezeichnete Pseudoelement natürlich von Voll Web Design. Mehr dazu gibt es bei www.vollwebdesign.de oder www.vollwebdesign.com.

 

Klicken Sie auf den unteren Button, um den Inhalt von codepen.io zu laden.

Inhalt laden