Ces pseudo-classes sont utilisées avec toutes les balises liées au formatage du texte et plus généralement avec la balise <p>.

La pseudo-classe :first-line sert à formater la première ligne d'un paragraphe afin notamment de la mettre en petite majuscule. Tandis que la seconde permet de formater la première lettre d'un paragraphe pour appliquer une lettrine par exemple.

La pseudo-classe :first-line {...} permet d'affecter un style à la première ligne d'un paragraphe.
La pseudo-classe :first-letter {...} permet d'affecter un style à la première lettre d'un paragraphe.
Exemple
<html>
  <head> 
    <style>
      <--
      Balise:first-line... {Propriété1:Valeur1;...}
      Balise:first-letter... {Propriété1:Valeur1;...}
      ...
      Règles de style
      ...
      -->
    </style>
    ...
  </head>
  <body>
    <Balise>
      Une premère ligne...
      La suite du texte...
    </Balise>
    ...
    Diverses commandes HTML
    ...
  </body>
</html>
Compatibilité
Windows Macintosh
NE4 NE6 NE7 IE5 IE55 IE6 OP5 OP6 OP7 NE4 NE6 NE7 IE4 IE5