Maison >interface Web >tutoriel CSS >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:352486parcourir

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.

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

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!

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