Maison >interface Web >tutoriel CSS >Quels sont les attributs du texte CSS ? Résumé des propriétés du texte CSS

Quels sont les attributs du texte CSS ? Résumé des propriétés du texte CSS

不言
不言original
2018-08-13 09:42:323571parcourir

Cet article vous explique quels sont les attributs du texte CSS ? Le résumé des attributs de texte CSS 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.

J'ai brièvement résumé l'utilisation de certaines propriétés du texte CSS. Vous pouvez également l'utiliser pour le rechercher lorsque vous l'oubliez. Vous n'avez pas besoin d'aller sur le site Web pour le vérifier.

Ce qui suit est un résumé partiel, j'espère qu'il sera utile à d'autres

Modification du texte

(1)texte -décoration : décoration de texte (ligne horizontale)

4 valeurs d'attribut

surligner souligné clignoter

(1)surligne

Définir une ligne horizontale sur le texte

(2) line-through

est la valeur d'attribut la plus utile Généralement, le prix après la promotion du prix du commerçant sera barré d'un. ligne horizontale pour indiquer qu'il était avant Le prix de

(3) Généralement, la balise sera accompagnée de unline

Pour la supprimer, définissez text-decoration:none.

(4)blink

Texte clignotant, rarement utilisé, utilisé uniquement dans Canvas, et la prise en charge du navigateur n'est pas élevée, seul Firefox le prend en charge

De plus :

Vous pouvez également utiliser text- decoration-color pour modifier la couleur des lignes horizontales

(2) casse des lettres de transformation de texte

5 valeurs d'attribut

majuscule minuscule héritage aucun

(1)majuscule

Majuscule la première lettre

(2)majuscules et minuscules

majuscule

(3)hériter

Hérite de l'attribut lettre de l'élément parent

(4)aucun

Par défaut, n'a aucun effet

(3) le débordement de texte définit le texte Modification hors plage

3 attributs

chaîne de points de suspension du clip

(1)clip

Coupez le texte

( 2)points de suspension

Utilisez des points de suspension pour représenter le texte dépassé

(3)chaîne

Utilisez des caractères fixes pour représenter le dépassement texte

(4) text-shadow : h-shadow v-shadow couleur de flou Effet d'ombre du texte

3 valeurs d'attribut

(1)v -shadow Obligatoire, la position de l'ombre horizontale, Autoriser les valeurs négatives

(2)v-shadow Obligatoire, position de l'ombre verticale, autoriser les valeurs négatives

(3)flou Facultatif , distance de flou

(4) couleur Facultatif, la couleur de l'ombre

Mise en page du texte

( 1)text-indent Text indent

3 valeurs d'attribut

length % inhert

(1)length

définit un retrait fixe en pixels , la valeur par défaut est 0

(2)%

Retrait en pourcentage de la largeur de l'élément parent

(3)inhert

Hériter l'indentation de l'élément parent

(2)text-align Alignement du texte

5 valeurs d'attribut

gauche centre droit justifier héritage

(1)gauche et droite

Rarement utilisé

(2)center

Alignement central

Souvent utilisé avec line-height : élément parent height pour centrer le texte

Si l'attribut line-height n'est pas ajouté, le texte sera au-dessus de l'élément parent

(3)justify

Aligner les deux extrémités du texte

Recommandations associées :

Utiliser CSS pour contrôler dynamiquement les attributs de texte_CSS/HTML

Attributs d'habillage de texte chinois CSS retour à la ligne et espace blanc

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