Derniers tutoriels de développement web
 

Style letterSpacing Property

<Style objet

Exemple

Réglez l'espace entre les caractères dans un <p> élément de 15 pixels:

document.getElementById("myP").style.letterSpacing = "15px";
Essayez vous - même »

Définition et utilisation

Les ensembles de propriétés de letterSpacing ou retourne l'espace entre les caractères dans un texte.

Conseil: Pour définir ou renvoyer l'espacement entre les mots dans un texte, utilisez la wordSpacing propriété.


Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propriété letterSpacing est pris en charge dans tous les principaux navigateurs.


Syntaxe

Retour la propriété letterSpacing:

object .style.letterSpacing

Définissez la propriété letterSpacing:

object .style.letterSpacing="normal| Valeurs de propriété
Valeur La description
normal l'espace normal entre les caractères. Ce défaut est
length Définit l'espace en unités de longueur. Les valeurs négatives sont autorisées
initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial
inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront

Détails techniques

Valeur par défaut: normal
Valeur de retour: Une chaîne, ce qui représente l'espace entre les caractères dans le texte
version CSS CSS1

autres exemples

Exemple

L'utilisation de valeurs négatives:

document.getElementById("myP").style.letterSpacing="-2px";
Essayez vous - même »

Exemple

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

alert(document.getElementById("myP").style.letterSpacing);
Essayez vous - même »

Exemple

La différence entre la propriété letterSpacing et la propriété wordSpacing:

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

function changeWords() {
    document.getElementById("myP2").style.wordSpacing = "15px";
}
Essayez vous - même »

Pages associées

Tutoriel CSS: texte CSS

Référence CSS: la letter-spacing property


<Style objet