Maison  >  Article  >  interface Web  >  Comment utiliser l'attribut CSS d'espacement des mots ?

Comment utiliser l'attribut CSS d'espacement des mots ?

青灯夜游
青灯夜游original
2019-02-21 14:36:095464parcourir

La propriété CSS d'espacement des mots est utilisée pour définir l'espace entre les mots ou entre les mots. Les valeurs négatives sont autorisées. Lorsque des valeurs négatives sont définies, l'espace entre les mots est réduit, sinon l'espace est augmenté. .

Comment utiliser l'attribut CSS d'espacement des mots ?

Propriété d'espacement des mots CSS

Fonction : mot L'attribut -spacing augmente ou diminue l'espace entre les mots. Permet de spécifier des valeurs de longueur négatives, ce qui provoque un rapprochement des mots.

Description : L'attribut word-spacing définit la quantité d'espace blanc inséré entre les mots dans l'élément. Pour cet attribut, « mot » est défini comme une chaîne entourée d'espaces.

Syntaxe :

word-spacing:normal|length;

normal : Valeur par défaut, définit l'espace standard entre les mots, ce qui équivaut à le définir à 0.

longueur : Définit l'espace fixe entre les mots, qui ajustera l'espacement habituel entre les mots.

Remarque : Les valeurs négatives sont autorisées. En profitant de la propriété d'espacement des mots, il est possible de créer des documents avec un espacement des mots trop espacé, alors soyez prudent lorsque vous utilisez l'espacement des mots.

Exemple d'utilisation de l'attribut CSS d'espacement des mots

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style type="text/css">
p.spread {word-spacing: 20px;}
p.tight {word-spacing: -0.5em;}
</style>
</head>
<body>
<p class="spread">This is some text. This is some text.</p>
<p class="tight">This is some text. This is some text.</p>
</body>
</html>

Rendu :

Comment utiliser lattribut CSS despacement des mots ?

Référence pour cet article : https://www.html.cn/book/css/properties/text/word-spacing.htm

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Articles Liés

Voir plus