Propriété tab-size de CSS

La propriété tab-size permet de définir la largeur du caractère de tabulation (U+0009) affiché sur la page.

La propriété tab-size fait partie des propriétés CSS3. Elle s'applique à tout élément où les espaces blancs sont conservés (par exemple, avec white-space: pre, pre-wrap ou pre-line), comme <textarea> et <pre>.

INFO

Les valeurs négatives sont invalides.

Valeur initiale	8
S'applique à	Tous les éléments, mais n'affecte que les conteneurs de blocs et les éléments avec conservation des espaces blancs.
Héritée	Oui.
Animable	Non.
Version	CSS3
Syntaxe DOM	object.style.tabSize = "20";

Syntaxe

Syntaxe CSS de tab-size

css

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

Exemple de la propriété tab-size :

Exemple de code CSS tab-size

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .tab1 {
        tab-size: 5;
      }
      .tab2 {
        tab-size: 20;
      }
    </style>
  </head>
  <body>
    <h2>Tab-size property example</h2>
    <pre class="tab1">
        Lorem	ipsum	is	a...  
    </pre>
    <pre class="tab2">
        Lorem	ipsum	is	a...
    </pre>
  </body>
</html>

Try it Yourself »

Résultat

CSS tab-size values list

Dans l'exemple ci-dessus, la valeur tab-size du premier élément est 5, et celle du second élément est 20.

Valeurs

Valeur	Description	Essayer
number	Définit le nombre de caractères d'espacement dans une tabulation. Les valeurs négatives sont invalides. La valeur par défaut est 8.	Jouer »
length	Définit la largeur de la tabulation. Les valeurs négatives sont invalides. Cette valeur est largement prise en charge par les navigateurs modernes.
initial	Fait utiliser à la propriété sa valeur par défaut.
inherit	Hérite la propriété de son élément parent.

Pratique

Que fait la propriété 'tab-size' en CSS ?

Elle contrôle la largeur du caractère de tabulation.Elle détermine la taille d'une image.Elle définit le nombre d'espaces équivalents à chaque caractère de tabulation.Elle contrôle la hauteur du caractère de tabulation.

Propriété tab-size de CSS ​

Syntaxe ​

Exemple de la propriété tab-size : ​

Résultat ​