Propriété letterSpacing Style

Définition et utilisation

letterSpacing Propriété pour définir ou retourner l'espacement entre les caractères dans le texte (espacement des caractères).

Conseil :Pour définir ou retourner l'espacement entre les mots dans le texte (espacement des mots), utilisez Propriété wordSpacing.

Voir également :

Tutoriel CSS :Texte CSS

Guide de CSS :Propriété letter-spacing

Exemple

Exemple 1

Définir l'espacement entre les caractères de l'élément <p> à 15 pixels :

document.getElementById("myP").style.letterSpacing = "15px";

Essayez-le vous-même

Exemple 2

Utilisation de valeurs négatives :

document.getElementById("myP").style.letterSpacing = "-2px";

Essayez-le vous-même

Exemple 3

Retour espacement des lettres de l'élément <p> :

alert(document.getElementById("myP").style.letterSpacing);

Essayez-le vous-même

Exemple 4

Différence entre letterSpacing propriété et wordSpacing propriété :

function changeLetters() {
  document.getElementById("myP1").style.letterSpacing = "15px";
}
function changeWords() {
  document.getElementById("myP2").style.wordSpacing = "15px";
}

Essayez-le vous-même

Syntaxe

Retour letterSpacing propriété :

object.style.letterSpacing

Définir letterSpacing propriété :

object.style.letterSpacing = "normal|length|initial|inherit"

Valeur de l'attribut

Valeur Description
normal Espacement normal entre les caractères. Par défaut.
length Définir l'espacement entre les caractères par unité de longueur. Les valeurs négatives sont autorisées.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inhérite cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : normal
Valeur de retour : Chaîne, représentant l'espacement entre les caractères dans le texte.
Version de CSS : CSS1

Prise en charge du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support