Comment modifier du texte avec CSS ? 9 propriétés du CSS pour modifier le style du texte (résumé)

Comment modifier du texte avec CSS ? Cet article résume certaines méthodes de modification de texte avec CSS, présente certains attributs du texte modifié par CSS et vous permet de savoir quels sont les 9 attributs du texte de modification CSS. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

1. Paramètre CSS Couleur du texte Attribut

Attribut de couleur : Définissez la couleur du texte. L'utilisation est la suivante :

color：颜色值;

Les valeurs de couleur légales qui peuvent être définies par l'attribut color incluent : valeur de couleur hexadécimale (exemple : #ffffff), valeur de couleur rgb [exemple : rgb(0 ,0,0)], valeur de couleur rgba [Exemple : rgb(0,0,0,0.5), 0,5 représente la transparence], valeur de couleur hsl [Exemple : hsl(120,65%,75%)], valeur de couleur hsla [hsl(120,65%),75%,0,3), 0,3 représente la transparence].

2. CSS Hauteur de la ligne de texte (espacement des lignes)

attribut line-height : définissez la distance entre les lignes (hauteur de la ligne). L'utilisation est la suivante :

line-height：值;

L'attribut CSS spécifique line-height indique comment définir l'espacement des lignes du texte. Vous pouvez vous référer à l'article précédent [Comment définir l'espacement des lignes dans. css ? Paramètres d'espacement des lignes pour le texte CSS ], j'espère que cela sera utile à tout le monde.

3. Paramètres CSS Alignement horizontal du texte attribut

attribut text-align : définit l'alignement horizontal du texte dans l'élément. L'utilisation est la suivante :

text-align: left || right || center || justify ;

gauche : définissez le texte pour qu'il soit aligné à gauche. Par défaut : déterminé par le navigateur.

droite : définissez le texte pour qu'il soit aligné à droite.

centre : définissez le texte pour qu'il soit aligné au centre.

justifier : Pour obtenir l'effet d'aligner le texte aux deux extrémités.

4. css text indent attribut

attribut text-indent : définit le retrait du texte.

Pour plus de détails sur la façon dont l'attribut css text-indent définit l'indentation du texte, vous pouvez vous référer à [Comment obtenir l'effet d'indentation de première ligne en CSS ? L'attribut text-indent implémente l'indentation de première ligne ].

5. Définissez l'effet décoration de texte

attribut text-decoration : Définissez la décoration ajoutée au texte.

Description :

Cet attribut permet de définir certains effets sur le texte, comme le soulignement. Si l'élément descendant n'a pas ses propres décorations, les décorations définies sur l'élément ancêtre "s'étendront" aux éléments descendants.

Utilisation :

text-indent：none ||  [underline(下划线) || overline(上划线) || line-through(中划线)] || blink ;

aucun : Valeur par défaut, définissant le texte standard.

soulignement : Définissez une ligne sous le texte.

overline : Définissez une ligne sur le texte.

line-through : Définissez une ligne qui passe sous le texte.

clignoter : définit le texte clignotant.

6. Cas des caractères de texte Attribut Transform

Attribut text-transform : Contrôlez la casse des caractères de texte.

Utilisation :

text-transform:uppercase(全大写) || lowercase(全小写) || capitalize(首字母大写) || none ;

Vous pouvez vous référer à l'article [Comment mettre les majuscules et les minuscules des lettres en css ? L'attribut text-transform définit la majuscule des lettres ], qui est décrite en détail.

7. Espacement du texte du texte attribut

attribut d'espacement des mots : définissez l'espacement entre le texte ou les mots, l'espacement entre les mots = espacement des mots + espace taille.

attribut letter-spacing : définit l'espacement entre les lettres.

Vous pouvez vous référer à l'article [Comment définir l'espacement du texte en CSS ? Une simple comparaison de l'attribut d'espacement des mots et de l'attribut d'espacement des lettres ], qui présente comment l'attribut d'espacement des mots et l'attribut d'espacement des lettres définissent l'espacement du texte, ainsi que leurs différences.

8. Attributs de l'ombre du texte

Attribut text-shadow : définir l'ombre sur le texte

Comment obtenir un effet d'ombre du texte, tout le monde peut lire l'article [Comment ajouter un effet d'ombre de texte en CSS3 ? text-shadow définit l'effet d'ombre du texte ] En savoir plus.

Résumé : Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun. Pour plus de didacticiels connexes, veuillez visiter le didacticiel vidéo de base CSS , didacticiel vidéo CSS3 , didacticiel bootstrap  !

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!