Propriété CSS tab-size

La propriété tab-size définit la largeur d'un caractère de tabulation.

La propriété tab-size n'est visible que pour les balises HTML <textarea> et <pre>.

Les valeurs négatives sont invalides.

Pour une compatibilité maximale du navigateur, les extensions -moz- pour Firefox et -o- pour Opera sont utilisées avec cette propriété.

Valeur initiale	8
Appliquée à	Conteneurs bloc.
Héritée	Oui.
Animable	Non.
Version	CSS3
Syntaxe DOM	object.style.tabSize = "20";

Syntaxe

tab-size: number | length | initial | inherit;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style> 
      .tab1 {
      -moz-tab-size: 5; /* Firefox */
      -o-tab-size: 5; /* Opera 10.6-12.1 */
      tab-size: 5;
      }
      .tab2 {
      -moz-tab-size: 20; /* Firefox */
      -o-tab-size: 20; /* Opera 10.6-12.1 */
      tab-size: 20;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété tab-size</h2>
    <pre class="tab1">
Lorem	ipsum	est	une...  
</pre>
    <pre class="tab2">
Lorem	ipsum	est	une...
</pre>
  </body>
</html>

Essayez-vous-même!

Dans l'exemple donné, tab-size du premier élément est 5, celle du deuxième élément est 20.

Valeurs

Valeur	Description
number	Définit le nombre d'espaces dans l'onglet. Valeurs négatives sont invalides. La valeur initiale est 8.
length	Définit la largeur de l'onglet. Valeurs négatives sont invalides. Cette valeur n'est pas supportée par les principaux navigateurs.
initial	Fait utiliser la valeur initiale.
inherit	Hérite la propriété de son élément parent.