Pseudo-élément first-letter

Le pseudo-élément first-letter permet de définir des styles pour la première lettre du texte dans un élément.

Syntaxe

csssélecteur::first-letter {
  
}

Exemple

Appliquons des styles aux premières lettres de chaque paragraphe :

html<p>
  Lorem ipsum dolor sit amet.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp::first-letter {
  color: red;
  font-size: 27px;
}

Результат: