Espacement de texte et espacement des mots dans CSS | Expliqué

Le texte est l'une des parties essentielles de toute page Web. Il montre la signification du texte et donc CSS fournit une large gamme de propriétés de texte pour améliorer l'apparence textuelle de tout site Web selon notre choix E.g. Texte-aligne, couleur texte, espacement des mots, etc.

Dans HTML / CSS, si nous devons ajouter des espaces supplémentaires entre les mots ou les lignes, les propriétés CSS nous permettent de contrôler l'espacement entre les lignes, les mots et même les lettres. Cet article se concentrera sur les propriétés de l'espacement des mots et de l'espacement des lettres et après avoir lu cet article, vous pourrez répondre aux termes suivants:

• Qu'est-ce que l'espacement des mots?
• Comment utiliser une propriété d'espacement des mots dans CSS?
• Qu'est-ce que l'espacement des lettres?
• Comment utiliser la propriété d'espacement des lettres dans CSS?
• Quelle est la différence entre l'espacement des lettres et les propriétés d'espacement des mots?

Cet article fournit une compréhension complète des questions susmentionnées à l'aide de quelques exemples. Ainsi, sans plus de retard, commençons la discussion avec la définition formelle de l'espacement des mots.

Espacement des mots dans CSS

Comme son nom lui-même l'indique, cette propriété est capable de gérer l'espacement entre les mots. Nous pouvons attribuer un spécifique «longueur«À cette propriété pour ajuster l'espacement entre les mots i.e. Nous pouvons augmenter ou diminuer l'espace entre différents mots.

Comment utiliser une propriété d'espacement des mots dans CSS

Comprenons ce concept pratiquement avec l'exemple ci-dessous:

Exemple

Dans ce code, nous avons créé un paragraphe et ajouté un espace supplémentaire entre les mots:

Ceci est un paragraphe…

Voici la sortie du code de code ci-dessus:

Ce que nous avons observé dans le code ci-dessus, c'est que c'est un paragraphe normal sans espaces supplémentaires, par conséquent, nous avons besoin d'un moyen approprié de mettre de l'espace entre les mots.

Exemple

Nous pouvons ajouter des espaces supplémentaires à l'aide de la propriété d'espacement des mots CSS:

Ceci est un paragraphe…

Maintenant, la sortie vérifiera l'espace entre chaque mot est 0.5 cm:

L'espace peut être ajouté entre les mots dans diverses unités comme PX, CM, MM, etc.

Espacement des lettres dans CSS

Cette propriété est similaire à la propriété d'espacement des mots, la seule différence est que la propriété d'espacement des lettres cible les lettres individuelles au lieu des mots i.e. il contrôle l'espace entre les lettres.

Comment utiliser la propriété d'espacement des lettres dans CSS

Nous comprendrons le fonctionnement de cette propriété en utilisant un exemple. Pour différencier le fonctionnement de l'espacement des mots et de l'espacement des lettres, nous créerons un paragraphe et une rubrique.

Exemple

Le code donné ci-dessous implémentera l'espacement des mots sur le

élément et espacement des lettres sur le

élément:

Espacement de texte

Ceci est un paragraphe…

Voici la sortie du code ci-dessus:

La sortie ci-dessus vérifie que la propriété d'espacement des lettres a ajouté l'espace entre les lettres et la propriété d'espacement des mots ajoutait l'espace entre les mots.

Conclusion

La propriété d'espacement des mots et les propriétés d'espacement des lettres peuvent être utilisées dans le CSS pour contrôler respectivement l'espacement entre les mots et les lettres. Différentes valeurs de longueur CSS comme PX, MM, CM, peuvent être utilisées pour ajuster l'espace entre les lettres et les mots. Cet article présente une directive complète pour l'espacement des mots, les propriétés d'espacement des lettres dans CSS et explique le besoin et l'utilisation de ces propriétés.