CSS - retrait de texte

La description

La propriété text-indent définit une distance d'indentation pour la première ligne de texte dans un élément de niveau bloc.

Valeurs possibles

  • length- Toute valeur de longueur. Les longueurs négatives sont autorisées pour la propriété et produiront un effet de "retrait suspendu".

  • percentage - La première ligne de texte est indentée d'une distance par rapport à la largeur du bloc contenant de l'élément.

S'applique à

Tous les éléments au niveau du bloc.

Syntaxe DOM

object.style.textIndent = "20px";

Exemple

Voici l'exemple qui montre comment mettre en retrait la première ligne d'un paragraphe -

<html>
   <head>
   </head>

   <body>
      <p style = "text-indent:1cm;">
         This text will have first line indented by 1cm 
      </p>
      
      <p style = "text-indent:1cm;">
         this line will remain at its actual position this is done by 
         CSS text-indent property.
      </p>
   </body>
</html>

Cela produira le résultat suivant -