tab-size

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis août 2021.

La propriété CSS tab-size permet d'adapter la largeur utilisée pour représenter le caractère de tabulation (U+0009).

Exemple interactif

tab-size: 10px;

tab-size: 16px;

tab-size: 24px;

tab-size: 4;

<section id="default-example">
  <pre id="example-element">&#9;123</pre>
</section>

#example-element {
  border: 1px solid;
}

Syntaxe

css

/* Valeurs de type <number> */
tab-size: 4;
tab-size: 0;

/* Valeurs de type <length> */
tab-size: 10px;
tab-size: 2em;

/* Valeurs globales */
tab-size: inherit;
tab-size: initial;
tab-size: revert;
tab-size: revert-layer;
tab-size: unset;

Valeurs

<number>: Un multiple de la largeur d'avance du caractère espace (U+0020) à utiliser comme largeur des tabulations. Doit être non négatif. La largeur d'avance signifie la distance qu'un curseur ou une tête d'impression parcourt avant d'imprimer le caractère suivant.
<length>: La largeur de la tabulation. La valeur doit être positive.

Définition formelle

Valeur initiale	`8`
Applicabilité	conteneurs de type bloc
Héritée	oui
Valeur calculée	l'entier défini ou une longueur absolue
Type d'animation	une longueur

Syntaxe formelle

tab-size = 
  <number [0,∞]>  |
  <length [0,∞]>

Exemples

Étendre avec un nombre de caractères

css

pre {
  tab-size: 4; /* Définit la taille de tabulation à 4 caractères de large */
}

Réduire les tabulations

css

pre {
  tab-size: 0; /* Supprime l'indentation */
}

Taille de tabulation par défaut et tailles personnalisées

Cet exemple compare une taille de tabulation par défaut avec une taille de tabulation personnalisée. Notez que white-space est définie à pre pour empêcher la réduction des tabulations.

HTML

html

<p>pas de tabulation</p>
<p>&#0009;taille de tabulation par défaut de 8 caractères de large</p>
<p class="custom-number">
  &#0009;taille de tabulation personnalisée de 3 caractères de large
</p>
<p>
  &nbsp;&nbsp;&nbsp;3 espaces, équivalent à la taille de tabulation
  personnalisée
</p>
<p class="custom-length">
  &#0009;taille de tabulation personnalisée de 50px de large
</p>

CSS

body {
  border: 1px solid red;
  margin: 1rem;
}

css

p {
  white-space: pre;
}

.custom-number {
  tab-size: 3;
}

.custom-length {
  tab-size: 50px;
}

Résultat

Spécifications

Spécification
CSS Text Module Level 3 # tab-size-property

Compatibilité des navigateurs

Voir aussi

La propriété white-space

Aider à améliorer MDN

Apprendre à contribuer

Cette page a été modifiée le 1 avr. 2026 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu