text-indent

  • Raccourci de la révision : CSS/text-indent
  • Titre de la révision : text-indent
  • ID de la révision : 355247
  • Créé :
  • Créateur : FredB
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

{{ CSSRef() }}

Résumé

La propriété CSS text-indent définie la quantité d'espace horizontal qui doit être laissée avant le début de la première ligne d'un élément contenant du texte. L'espacement horizontal se fait en accord avec la bord gauche (ou droit pour les dispositions de droite à gauche) de l'élément contenant le texte.

  • {{ Xref_cssinitial() }} 0
  • S'applique à éléments de niveau bloc et en ligne, cellules de tableau
  • {{ Xref_cssinherited() }} oui
  • Pourcentages fonction de la largeur du bloc contenant
  • Média {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }} le pourcentage comme spécifié ou une longueur absolue

Syntaxe

text-indent:  <longueur> | <pourcentage>

Valeurs

<longueur>
L'indentation est définie comme une {{ Xref_csslength() }} fixe. Les valeur négatives sont acceptées. Voir {{ Xref_csslength() }} pour les unités possibles.
<pourcentage>
L'indentation est un {{ Xref_csspercentage() }} de la largeur du bloc contenant.

Exemples

p { text-indent: 2em } 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Compatibilité des navigateurs

Navigateurs Version la plus basse
Internet Explorer 3.0
Firefox (Gecko) 1.0 (1.0)
Opera 3.5
Safari (WebKit) 1.0 (85)

Spécifications

Voir également

{{ CSS_Reference:Text() }}

Source de la révision

<p>{{ CSSRef() }}</p>
<h2 id="R.C3.A9sum.C3.A9">Résumé</h2>
<p>La propriété <a href="/fr/docs/CSS" title="/fr/docs/CSS">CSS</a> <code>text-indent</code> définie la quantité d'espace horizontal qui doit être laissée avant le début de la première ligne d'un élément contenant du texte. L'espacement horizontal se fait en accord avec la bord gauche (ou droit pour les dispositions de droite à gauche) de l'élément contenant le texte.</p>
<ul class="cssprop">
  <li><dfn>{{ Xref_cssinitial() }} </dfn><code> 0</code></li>
  <li><dfn>S'applique à </dfn>éléments de niveau bloc et en ligne, cellules de tableau</li>
  <li><dfn>{{ Xref_cssinherited() }} </dfn>oui</li>
  <li><dfn>Pourcentages </dfn>fonction de la largeur du bloc contenant</li>
  <li><dfn>Média </dfn>{{ Xref_cssvisual() }}</li>
  <li><dfn>{{ Xref_csscomputed() }} </dfn>le pourcentage comme spécifié ou une longueur absolue</li>
</ul>
<h2 id="Syntaxe">Syntaxe</h2>
<pre>
text-indent:  &lt;longueur&gt; | &lt;pourcentage&gt;
</pre>
<h3 id="Valeurs">Valeurs</h3>
<dl>
  <dt>
    &lt;longueur&gt;</dt>
  <dd>
    L'indentation est définie comme une {{ Xref_csslength() }} fixe. Les valeur négatives sont acceptées. Voir {{ Xref_csslength() }} pour les unités possibles.</dd>
  <dt>
    &lt;pourcentage&gt;</dt>
  <dd>
    L'indentation est un {{ Xref_csspercentage() }} de la largeur du bloc contenant.</dd>
</dl>
<h2 id="Exemples">Exemples</h2>
<pre>
p { text-indent: 2em } 
</pre>
<p style="text-indent:2em; max-width:40em; background:gold">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<h2 id="Compatibilit.C3.A9_des_navigateurs">Compatibilité des navigateurs</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <th>Navigateurs</th>
      <th>Version la plus basse</th>
    </tr>
    <tr>
      <td>Internet Explorer</td>
      <td>3.0</td>
    </tr>
    <tr>
      <td>Firefox (Gecko)</td>
      <td>1.0 (1.0)</td>
    </tr>
    <tr>
      <td>Opera</td>
      <td>3.5</td>
    </tr>
    <tr>
      <td>Safari (WebKit)</td>
      <td>1.0 (85)</td>
    </tr>
  </tbody>
</table>
<h2 id="Sp.C3.A9cifications">Spécifications</h2>
<ul>
  <li><a class="external" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" title="http://www.w3.org/TR/CSS21/text.html#indentation-prop">CSS 2.1 Text #text-indent</a></li>
</ul>
<h2 id="Voir_.C3.A9galement">Voir également</h2>
<p>{{ CSS_Reference:Text() }}</p>
Revenir à cette révision