Propriété tab-size

La propriété tab-size définit la taille de l'indentation créée par la touche Tab.

Fonctionne uniquement si la propriété white-space est définie sur la valeur pre ou pre-wrap, ainsi que pour la balise pre.

La propriété prend comme valeur un nombre entier positif qui spécifie le nombre d'espaces auquel correspondra la touche Tab. Valeur par défaut : 8 espaces.

Syntaxe

csssélecteur {
  tab-size: nombre entier positif;
}

Exemple

Définissons une indentation Tab égale à 0 espace :

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

css#elem {
  tab-size: 0;
  white-space: pre;
  border: 1px solid black;
}

Результат:

Exemple

Définissons une indentation Tab égale à 1 espace :

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

css#elem {
  tab-size: 1;
  white-space: pre;
  border: 1px solid black;
}

Результат:

Exemple

Définissons une indentation Tab égale à 2 espaces :

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

css#elem {
  tab-size: 2;
  white-space: pre;
  border: 1px solid black;
}

Результат: