Espacement de la Lettre dans CSS

Comment gérer les espaces entre les lettres dans le html?

Explication


Propriété :

Espacement de la lettre
Usage:
letter-spacing: 1cm;
letter-spacing: 10pt;
letter-spacing: 10px;
letter-spacing: none;

Définition:
Avec cette attribution, on peut définir ou configurer l’espace entre chaque lettre.
Il se présente avec les valeurs suivantes.
a)cm : Vous pouvez configurer la valeur en centimètre comme 1cm etc...
b)px : Vous pouvez configurer la valeur en pixels comme 1px etc...
c)pt : Vous pouvez configurer la valeur en point comme 1pt ou 2pt etc.
d)norm : Avec la configuration norme, l’espacement se met sur normal/par défaut.

Exemple 1:
<font style="letter-spacing: 1cm;"> Test de la lettre </font>
Résultat:
Test de la lettre

Exemple 2:
<div style="letter-spacing: 10px;"> Test de la lettre </div>
Résultat:
Test de la lettre


Exemple 3:
<h5 style="letter-spacing: 10pt;"> Test de la lettre </h5>
Résultat:
Test de la lettre

Exemple 4:
<font style="letter-spacing: none;"> Test de la lettre </font>
Résultat:
Test de la lettre

A Note

CSS - Feuilles de style en cascade peut être utilisé avec les balises HTML, comme expliqué dans ce site. Cette simple CSS vous permettra de créer beaucoup plus élégant et soigné html des pages web. Cela ne nécessite pas de logiciels ou d'autres codages. Tous les navigateurs web sont capables de transmettre des codes CSS.


Note 2: Si nécessaire, vous pouvez à l'aide de <span> au lieu de <div> marques. div balise de début et de fin sur les nouvelles lignes. span ne dépassera pas la balise domaine.

CSS Sujets