Maison > interface Web > tutoriel CSS > le corps du texte

Quels sont les attributs de texte en CSS

王林
Libérer: 2020-11-18 17:10:42
original
4723 Les gens l'ont consulté

Les attributs de texte en CSS sont : 1. Attribut de couleur ; 2. Attribut d'alignement du texte text-align ; 3. Attribut de texte décoratif text-decoration ; 4. Attribut d'indentation du texte text-indent ; hauteur de ligne.

Quels sont les attributs de texte en CSS

Les attributs de texte en CSS sont :

(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)

1. Couleur du texte

L'attribut color est utilisé pour définir la couleur du texte

div {
color:red;
}
Copier après la connexion

Quels sont les attributs de texte en CSS

Le plus couramment utilisé en développement est l'hexadécimal

2. Aligner le texte

L'attribut text-align est utilisé pour définir l'alignement horizontal du contenu du texte au sein d'un élément

div {
text-align:center;
}
Copier après la connexion

Quels sont les attributs de texte en CSS

3 , Texte décoratif

L'attribut text-decoration spécifie les modifications ajoutées au texte. Vous pouvez ajouter du soulignement, du barré, du surlignement, etc.

div {
text-decoration:underline;
}
Copier après la connexion

Quels sont les attributs de texte en CSS

4. Indentation du texte

L'attribut text-indent est utilisé pour spécifier l'indentation de la première ligne de texte, généralement un paragraphe. La première ligne est en retrait.

div {
text-indent:10px;
}
Copier après la connexion

En définissant cet attribut, la première ligne de tous les éléments peut être indentée d'une longueur donnée, même la longueur peut être une valeur négative.

p {
text-indent:2em;
}
Copier après la connexion

em est une unité relative, qui est la taille d'un texte de l'élément actuel (font-size). Si l'élément actuel ne définit pas de taille, ce sera la taille d'un. texte de l'élément parent.

5. Espacement des lignes

L'attribut line-height est utilisé pour définir la distance entre les lignes (hauteur de ligne), qui peut contrôler la distance entre les lignes de texte.

p {
line-height:26px;
}
Copier après la connexion

Recommandations associées : Tutoriel 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!

Étiquettes associées:
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!