Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

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

/* Valeurs entières */
/* Type <integer>   */
tab-size: 4;
tab-size: 0;

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

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

Valeur initiale8
Applicabilitéconteneurs de type bloc
Héritéeoui
Médiavisuel
Valeur calculéel'entier spécifié ou une longueur absolue
Type d'animationune longueur
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

Valeurs

<integer>
Le nombre d'espaces qu'occupe une tabulation. La valeur doit être positive.
<length>
La largeur de la tabulation. La valeur doit être positive.

Syntaxe formelle

<integer> | <length>

Exemples

HTML

<pre class="exemple">
	print "tabulation avant"
    print "4 espaces avant"
  print "2 espaces avant"
</pre>

CSS

.exemple {
  tab-size: 5;
}

Résultat

Spécifications

Spécification État Commentaires
CSS Text Module Level 3
La définition de 'tab-size' dans cette spécification.
Version de travail Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
Support simple
Expérimentale
Chrome Support complet 21
Notes
Support complet 21
Notes
Notes This property is not yet animatable.
Edge Aucun support NonFirefox Support complet 4
Préfixée Notes
Support complet 4
Préfixée Notes
Préfixée Nécessite l'utilisation d'un préfixe : -moz-
Notes See bug 737785 for the status of unprefixing this property.
Notes Before Firefox 53, this property was not animatable.
IE Aucun support NonOpera Support complet 15
Support complet 15
Support complet 10.5
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -o-
Safari Support complet 6.1WebView Android Support complet 4.4Chrome Android ? Edge Mobile ? Firefox Android Support complet 4
Préfixée Notes
Support complet 4
Préfixée Notes
Préfixée Nécessite l'utilisation d'un préfixe : -moz-
Notes See bug 737785 for the status of unprefixing this property.
Notes Before Firefox 53, this property was not animatable.
Opera Android Support complet 24
Support complet 24
Support complet 11.5
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -o-
Safari iOS Support complet 7.1Samsung Internet Android ?
<length>
Expérimentale
Chrome Support complet 42Edge Aucun support NonFirefox Support complet 53IE Aucun support NonOpera Support complet 29Safari Aucun support NonWebView Android Support complet 56Chrome Android ? Edge Mobile ? Firefox Android Support complet 53Opera Android Support complet 37Safari iOS Aucun support NonSamsung Internet Android ?

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Voir les notes d'implémentation.
Voir les notes d'implémentation.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight, Prinz_Rana, Sebastianz, teoli, FredB
Dernière mise à jour par : SphinxKnight,