Quels sont les styles CSS de texte ?-tutoriel CSS-php.cn

Table des matières

Style CSS du texte

Maison

interface Web

tutoriel CSS

Quels sont les styles CSS de texte ?

Dec 09, 2021 am 11:13 AM

css

Les styles CSS de texte incluent : la couleur du texte "couleur", la direction du texte "direction", l'espacement des caractères "espacement des lettres", l'alignement horizontal du texte "text-align", la décoration du texte "text-decoration", l'indentation de première ligne "text- retrait" etc.

Quels sont les styles CSS de texte ?

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Style CSS du texte

Ajouter des embellissements au texte "text-indent" bidi alignement-verticalespace blancespacement des mots Laissez-moi vous présenter quelques styles de texte CSS. text-indent Retrait de première ligne Le retrait de première ligne consiste à mettre en retrait la première ligne d'un paragraphe, ce qui est un effet de formatage de texte couramment utilisé. Généralement, lorsque l’on écrit en chinois, il y a deux espaces vides au début, semblables à celui-ci. La valeur de cet attribut peut être négative. Syntaxe : astuce : la valeur initiale est 0 ; S'applique aux éléments au niveau du bloc (y compris le bloc et le bloc en ligne) Héritage : oui Pourcentage : par rapport à la largeur du bloc contenant Case : premier caractère drop

div {
    width: 200px;
    border: 1px solid black;
    text - indent: 0.5em;
}
div: first - letter {
    font - size: 30px;
    float: left;
}

Copier après la connexion

text-align Alignement horizontalL'alignement horizontal est l'alignement horizontal qui affecte le texte dans un élément. Syntaxe : Valeur initiale : gaucheAppliquer à : les éléments de niveau bloc (y compris le bloc et le bloc en ligne)Héritage : OuiPour le navigateur IE7, l'utilisation de l'alignement du texte ne modifiera pas seulement l'horizontale l'alignement du texte modifiera également l'alignement horizontal des éléments descendants au niveau du bloc

Propriété	Description
couleur	Définir la couleur du texte
direction	Définir la direction du texte. "Espacement des lettres"
Définir ou renvoyer si le texte est réécrit
Alignement vertical du texte
Définir la façon dont les espaces blancs dans les éléments sont gérés
Définissez le mot Espacement


text-indent:<length> \| <percentage> \| inherit Copier après la connexion


	text-align: left \| center \| right \| justify \| inherit Copier après la connexion

espacement des mots

L'espacement des mots fait référence à l'espacement des mots, qui est utilisé pour définir l'espacement entre le texte ou les mots. En fait, un « mot » représente toute chaîne de caractères autres que des espaces entourés d'une sorte d'espace. Remarque : les mots sont séparés par des espaces, l'espacement entre les mots = espacement des mots + taille de l'espace

Remarque : l'espacement des mots peut être négatif

Syntaxe :

word-spacing: &lt;length&gt; | normal | inherit

Copier après la connexion

Valeur initiale : normale (0 par défaut)

S'applique à : Tous les éléments

Héritage : Oui

espacement des lettres espacement des lettres

L'espacement des lettres fait référence à l'espacement des caractères Remarque : l'espacement des lettres peut être négatif

letter-spacing：&lt;length&gt; | normal | inherit

Copier après la connexion

Valeur initiale : normal (0 par défaut)

s'applique à : tous les éléments

héritage : a

text-transform text-transform

text-transform est utilisé pour gérer la conversion de la casse anglaise.

Syntaxe :

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

Copier après la connexion

Valeur initiale : aucuneS'applique à : tous les éléments

Héritage : Oui

text-decoration Text-decoration

Text-decoration est utilisé pour fournir des lignes décoratives pour le texte.

Remarque : La couleur de la ligne de modification du texte est la même que la couleur du texte.

Syntaxe :

text-decoration:none | [underline(下划线) || overline(上划线) || line-through(中划线)] | inherit

Copier après la connexion

Valeur initiale : aucuneAppliquer à : tous les élémentsHéritage : aucun

(Partage de vidéos d'apprentissage :

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