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

La description

Le pseudo-élément : first-letter est utilisé pour ajouter un effet spécial à la première lettre 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
  • propriétés de marge
  • propriétés de remplissage
  • propriétés de bordure
  • text-decoration
  • vertical-align
  • text-transform
  • line-height
  • float
  • clear

Exemple

Voici l'exemple qui montre comment utiliser : élément de première lettre pour ajouter un effet spécial à la première lettre des éléments du document.

<html>
   <head>
      <style type = "text/css">
         p:first-letter { font-size: 3em; }
         p.normal:first-letter { font-size: 10px; }
      </style>
   </head>
   
   <body>
      <p class = "normal"> 
         First character of this paragraph will be normal and 
         will have font size 10 px;
      </p>
   
      <p>
         The first character of this paragraph will be 5em big and in red 
         color as defined in  the CSS rule above. Rest of the characters in 
         this paragraph will remain normal. This example shows how to use 
         :first-letter pseudo element to give effect to the first
         characters of any HTML element.
      </p>
   </body>
</html>

Cela produira le lien noir suivant -