Élément pseudo ::first-letter de CSS

Définition et utilisation

CSS ::first-letter Les éléments pseudo sont utilisés pour définir le style de la première lettre des éléments en bloc.

Attention :Les propriétés suivantes peuvent être utilisées avec ::first-letter Utilisation ensemble :

  • Toutes les propriétés des polices
  • Toutes les propriétés des arrière-plans
  • Toutes les propriétés des marges externes
  • Toutes les propriétés des marges internes
  • Toutes les propriétés des bordures
  • couleur
  • text-decoration
  • text-shadow
  • letter-spacing
  • word-spacing
  • text-transform
  • text-decoration-color
  • text-decoration-line
  • text-decoration-style
  • box-shadow
  • vertical-align (uniquement lorsque float est none)
  • line-height
  • float

Exemple

Sélectionnez et configurez le style de la première lettre de chaque élément <p> :

p::first-letter {
  font-size : 200%;
  font-weight : bold;
  couleur : #8A2BE2;
}

Essayez-le vous-même

Grammaire CSS

::first-letter {
  déclarations css;
}

Détails techniques

Version : CSS1

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cet élément pseudo.

Chrome Edge Firefox Safari Opera
1.0 9.0 1.0 1.0 7.0

Pages associées

Tutoriel :Élément pseudo de CSS