O'Reilly logo

CSS 2 - Pratique du design web, 3 edition by Raphaël Goetter

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapitre 10 - Lettrines

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 <p> (figure 101) :
CSS
p :first-letter {
font-weight : bold ;
}

HTML <p>Lorem ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required