letter-spacing

par 3 contributeurs :

Résumé

La propriété CSS letter-spacing définit l'espacement entre les caractères de texte.

Syntaxe

letter-spacing:  normal | <length>

Valeurs

normal
L'espacement est celui par défaut de la police utilisée. Cette valeur permet à l'user-agent de modifier l'espacement entre les caractères pour justifier le texte. C'est la seule différence avec la valeur 0.
<length>
Indique l'espacement entre les caractères qui s'ajoute à la valeur par défaut. Les valeurs peuvent être négatives, mais des limites liées à l'implémentation peuvent subsister. L'user-agent ne peut pas augmenter ou réduire l'espacement afin de justifier le texte.
  Voir<longueur> pour les unités possibles.

Exemples

Utiliser le style CSS suivant :

p { letter-spacing: 0.4em }

et une page web contenant le code suivant :

<p> letter spacing </p>

produira l'effet suivant :

letter spacing

Voici quelques exemples d'espacement supplémentaires :

letter-spacing: 0.1em
letter-spacing: 0.5em
letter-spacing: 0.8em
letter-spacing: 1em
letter-spacing: -0.05em
letter-spacing: 6px

Spécifications

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support HTML 1.0 1.0 (1.7 ou moins) 4.0 3.5 1.0 (85)
Support SVG (Oui) Pas de support (bug 371787) ? (Oui) (Oui)
Fonction Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support HTML ? ? ? ? ?
Support SVG ? ? ? ? ?

Voir également

Text-related properties: letter-spacing, text-align, text-decoration, text-decoration-color, text-decoration-line, text-decoration-style, text-rendering, text-shadow, text-transform, text-indent, white-space, word-spacing

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : hugo42, teoli, FredB
Dernière mise à jour par : hugo42,