Maison >interface Web >tutoriel CSS >Quels sont les attributs de texte en CSS

Quels sont les attributs de texte en CSS

王林
王林original
2020-11-18 17:10:424755parcourir

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;
}

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;
}

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;
}

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;
}

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;
}

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;
}

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!

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