CSS - Pseudo-élément: première ligne

La description

Le pseudo-élément : first-line est utilisé pour ajouter un effet spécial à la première ligne d'un texte.

Les propriétés suivantes s'appliquent au pseudo-élément this -

  • propriétés de police
  • propriétés de couleur
  • propriétés d'arrière-plan
  • word-spacing
  • letter-spacing
  • text-decoration
  • vertical-align
  • text-transform
  • line-height
  • clear

Exemple

Voici l'exemple qui montre comment utiliser : élément de première ligne pour ajouter un effet spécial à la première ligne d'éléments dans le document.

<html>
   <head>
      <style type = "text/css">
         p:first-line { text-decoration: underline; }
         p.noline:first-line { text-decoration: none; }
      </style>
   </head>
   
   <body>
      <p class = "noline"> 
         This line would not have any underline because this belongs 
         to nline class.
      </p>
      
      <p>
         The first line of this paragraph will be underlined as defined in the 
         CSS rule above. Rest of the lines in this paragraph will remain normal. 
         This example shows how to use :first-line pseduo element to give effect 
         to the first line of any HTML element.
      </p>
   </body>
</html>

Cela produira le lien noir suivant -