La lettrine était chère aux moines enlumineurs. Elle permet de mettre en valeur la
première lettre d’un texte, chapitre ou paragraphe, en lui attribuant une taille imposante, parfois en la parant richement. Les styles CSS sont tout indiqués pour ce type
d’effet visuel.
Méthode standard : le pseudo-élément :first-letter
La norme CSS 2 affine la sélection des éléments par ses mots-clés :first-line (première ligne) ou :first-letter (première lettre), dits « pseudo-éléments », qui ne portent que sur une portion de la balise considérée. Pour ne modifier que la première lettre
d’un paragraphe, on appliquera ainsi :first-letter à la balise

(figure 10-1) :
10
Lettrines
CSS
p:first-letter {
font-weight: bold;
}
HTML

Lorem ipsum dolor…