Accueil    CSS    Propriété Text-indent
 



style css text-indent  Style CSS text-indent

«  Partie précédente  |  Index  |  Partie suivante  »

La propriété text-indent permet d'appliquer une indentation au niveau de la première ligne d'un bloc de texte. Ce décalage se fait par rapport à son conteneur : il est possible de le définir de façon fixe ou en pourcentage, la valeur du pourcentage s'appliquant à la taille du conteneur.




Propriétés pour le style text-indent :




Propriété Définition Valeurs CSS
text-indent Applique une indentation sur la première ligne du texte valeur
%
inherit
CSS 1


Exemple d'utilisation du style css text-indent :




Mise en place d'une indentation sur un paragraphe :

<p style="text-indent:0px; text-align:justify;">
   Exemple de paragraphe avec un alignement du texte justifié et sans indentation.
   Le texte est aligné sans décalage au niveau de la première ligne.
</p>

<p style="text-indent:30px; text-align:justify;">
   Exemple de paragraphe avec un alignement du texte justifié, avec une indentation
   de 30 pixels. L'indentation est appliquée uniquement sur la première ligne.
</p>

<p style="text-indent:30%; text-align:justify;">
   Exemple de paragraphe avec un alignement du texte justifié, avec une indentation
   de 30%. L'indentation est appliquée uniquement sur la première ligne.
</p>


Mise en place d'une indentation sur un paragraphe :

Exemple de paragraphe avec un alignement du texte justifié et sans indentation. Le texte est aligné sans décalage au niveau de la première ligne.


Exemple de paragraphe avec un alignement du texte justifié, avec une indentation de 30 pixels. L'indentation est appliquée uniquement sur la première ligne, les suivantes s'alignant normalement par rapport au conteneur.


Exemple de paragraphe avec un alignement du texte justifié, avec une indentation de 30%. L'indentation est appliquée uniquement sur la première ligne, les suivantes s'alignant normalement par rapport au conteneur.