Tab-size - Propriété CSS

Schéma syntaxique de tab-size.

Description des termes utilisés sur le schéma :

• length est une valeur numérique, positive ou nulle, suivie d'une des unités de dimension.
• number est un nombre sans unité, positif ou nul.

Description de la propriété tab-size.

La propriété tab-size définit la taille des tabulations, autrement dit le nombre d'espaces équivalents à un caractère de tabulation. La propriété n'a d'effet que sur certains types d'éléments :

• Les éléments pre.
• Les éléments textarea.
• Tous les autres éléments dont la propriété white-space a la valeur pre, pre-wrap ou break-spaces.

Pour tous les autres éléments, HTML affiche les caractères de tabulation comme des espaces, et la propriété tab-size est sans effet.

Valeurs pour tab-size.

• tab-size: 8;

  Un nombre sans unité indique le nombre d'espaces équivalent à un caractère de tabulation. La valeur par défaut est 8.
  Cette valeur peut comporter des décimales.

  Le résultat ne sera visible que si l'élément a sa propriété white-space fixée à pre, pre-wrap ou break-spaces.

• tab-size: 20px;

  Un nombre avec une unité de dimension indique la taille du caractère de tabulation. Voir les unités de dimension.

• tab-size: initial; (8) tab-size: inherit; tab-size: revert; tab-size: revertLayer; tab-size: unset;

  Ces valeurs sont décrites plus en détail sur leur page respective : initial, inherit, revert, revert-layer, unset.

Animation de la propriété tab-size.

tab-size peut être animée de façon très fluide car cette propriété accepte les valeurs décimales. Voici un exemple de ce que peut donner cette animation.

Simulateur avec la propriété tab-size.

Compatibilité de tab-size avec les navigateurs actuels.

Remarques :

(1) Support partiel : la propriété tab-size accepte un entier et non pas une dimension.

1

Propriété
tab-size

2

Valeur
avec unité

Estimation de la prise en charge globale.

96%

94%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

KaiOS Browser

1

Opéra Mobile

Opéra

Safari

Safari sur IOS

Firefox pour Androïd

Samsung Internet

Chrome

Edge

Firefox

Androïd Brower

Chrome pour Androïd

Baidu Browser

QQ Browser

UC Browser pour Androïd

Opéra mini

1

Voir le site Caniuse.com pour plus d'informations de compatibilité.

Caniuse

Caniuse

Historique de la propriété tab-size.

• Module CSS - Texte - Niveau 3

  Ce module de spécification niveau 3 définit les contrôles typographiques de CSS, c'est à dire les règles de transformation d'un texte source en texte formaté, avec retours à la ligne. De nombreuses propriétés contrôlent l'alignement et la justification des textes, les règles de césure, l'espacements des caractères ou des mots, le regroupement des espaces successifs, etc.
  Ces règles sont souvent dépendantes du langage, il est donc conseillé aux auteurs de spécifier la langue dans lequel le texte est écrit (attribut lang pour le HTML). Il peut même être nécessaire de préciser le système d'écriture utilisé en particulier pour les langues coréenne, japonaise, mongolienne, etc. A défaut la mise en forme typographique sera moins fine.

  Concernant tab-size. Première présentation de la propriété tab-size.
  

  27 Janvier 1999

  Document de travail.

  

  22 Décembre 2020

  Candidat à la recommandation.

  

  

• Module CSS - Texte - Niveau 4

  Ce niveau 4 de ce module de spécification décrit les propriétés qui agissent sur les règles typographiques : alignement et justification du texte, espacement des mots ou des caractères, règles de césure, etc.
  Par rapport au niveau 3, plusieurs nouvelles propriétés ont été ajoutées, en particulier concernant les ruptures en fin de lignes, les césures, les espacements avant et/ou après le texte, etc.

  Concernant tab-size. Pas de changement concernant la propriété tab-size.
  

  22 Septembre 2015

  Document de travail.

  

  

  

Voir aussi...

Les spécifications CSS éditées par le W3C sont organisées en modules. La propriété tab-size fait partie du module Module CSS - Texte. Les définitions suivantes sont également décrites dans ce même module.

Propriétés :