Maison > Article > interface Web > Comment définir l'espacement des caractères en CSS

Comment définir l'espacement des caractères en CSS

醉折花枝作酒筹original: 2021-04-20 11:33:352437parcourir

En CSS, vous pouvez utiliser l'attribut "letter-spacing" pour définir l'espacement des mots, la syntaxe est "letter-spacing: spacing value". La propriété d'espacement des lettres augmente ou diminue l'espace entre les caractères. Cette propriété définit la quantité d'espace insérée entre les zones de caractères de texte.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

En CSS, l'attribut qui ajuste l'espacement entre les mots est l'espacement des lettres. Vous définissez l'espacement entre les mots dans la balise en modifiant la valeur de l'attribut d'espacement des lettres de la balise.

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>document</title> 
<style>
    h1 {
        letter-spacing:2px;
        }
    h2 {
        letter-spacing:-3px;
        }
</style>
</head>
<body>
    <h1>这是一段文字</h1>
    <h2>这也是一段文字</h2>
</body>
</html>

Résultat :

Comment définir lespacement des caractères en CSS

Apprentissage recommandé : Tutoriel vidéo CSS

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!

html5 css css3

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

Article précédent：Comment masquer les étiquettes en CSSArticle suivant：Comment masquer les étiquettes en CSS

Articles Liés

Voir plus