Attribut TEXT-INDENT

Rôle

L’attribut text-indent permet de gérer le retrait du texte (indentation).

Version : CSS1

Héritage (inherit) : oui

Propriété Javascript : element.style.textIndent

Testez vous-même cet attribut

Utilisez Codepen.

– Le code CSS

p{
  text-indent: 60px;
}

– Le code HTML

<h1>titre</h1>
<p>Mon contenu est en retrait positif</p>

Résultat

Le texte est mis en retrait par le CSS

Compatibilité

L’attribut text-indent est pris en charge par tous les principaux navigateurs

Valeurs

Les différentes valeurs de l’attribut text-indent sont:

none

Le texte se présente tel quel : valeur par défaut
Syntaxe :
text-indent : none

length

Définit un retrait en px, pt, cm, em. Cette valeur peut être négative
Syntaxe :
text-indent : 20px

%

Définit un retrait en % de la largeur de l’élément parent
Syntaxe :
text-indent : 20%

initial

Le retrait est défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » l’héritage, par exemple un paragraphe peut ignorer le retrait imposé par son élément parent.
Syntaxe :
text-indent : initial

inherit

Hérite de la même propriété que l’élément parent.
Syntaxe :
text-indent : inherit

A voir aussi

color– text-align– text-decoration– text-transform– text-indent– line-height– word-spacing– letter-spacing– white-space– vertical-align– direction– content