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

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

青灯夜游
Libérer: 2020-09-08 14:36:37
original
5523 Les gens l'ont consulté

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;
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal