Maison > interface Web > tutoriel CSS > Introduction à la façon d'écrire l'attribut texte en CSS

Introduction à la façon d'écrire l'attribut texte en CSS

不言
Libérer: 2018-08-21 11:29:16
original
3490 Les gens l'ont consulté

Cet article vous présente comment écrire l'attribut de texte en 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. couleur couleur du texte

Ecriture : corps{couleur : rouge}, h1{couleur:#ooffoo},h2{couleur:rgb(255 ,0,0)>

2. alignement du texte

Écriture : alignement du texte : centrer à gauche ; >Justifier signifie que chaque ligne est étendue pour avoir une largeur égale et que les marges gauche et droite sont alignées

3. text-decoration Décoration de texte

Écriture : texte- décoration : aucun (par défaut) ; surlignage ; soulignement ; clignoter ; hériter

4. conversion de texte par transformation de texte

Écriture : transformation de texte : none( Par défaut); majuscule (lettres majuscules uniquement); minuscule (lettres minuscules uniquement); majuscule (chaque mot commence par une lettre majuscule

5. indentation du texte

Méthode d'écriture : text-indent:0 (la valeur par défaut est 0) ; longueur ; % (pourcentage) ;

6. espacement des mots

Méthode d'écriture : espacement du texte : normal (par défaut, espace standard); hériter;

7. line-height

Méthode d'écriture : line-height : normal (par défaut, espacement des lignes raisonnable) ; la police actuelle Multipliez les tailles pour définir l'espacement des lignes ; %;

8. direction du texte

méthode d'écriture : direction:ltr (par défaut, de gauche à droite); rtl (de droite à gauche) );

9 : espacement des caractères

Méthode d'écriture : espacement des lettres : longueur par défaut (définit un espace fixe, des valeurs négatives ​) ​sont autorisés); >

Dix : text-shadow text shadow

Ecriture : text-shadow:none (par défaut); ); v-shadow (obligatoire. Les ombres verticales sont autorisées) Valeur négative); flou (facultatif, distance floue)

par exemple :

11 . unicode-bidi avec l'attribut direction Utilisé pour définir ou indiquer si le texte est réécrit pour prendre en charge plusieurs langues dans le même document.

Écriture : unicode-bidi : normal (par défaut, pas de niveau d'intégration supplémentaire) ; embed (créer un niveau d'intégration supplémentaire) ; initial (définir l'élément à sa valeur par défaut);
h1{text-shadow:2px 2px #ff0000;}
Copier après la connexion

12. vertical-align alignement vertical

méthode d'écriture : vertical-align:baseline (par défaut, l'élément est placé sur la ligne de base) de l'élément parent) ; sub (indice pour le texte aligné verticalement) ; super (exposant pour le texte aligné verticalement) ; top (aligner le haut de l'élément avec le haut de l'élément le plus haut de la ligne) ; haut de l'élément Aligner le haut de l'élément avec le haut de la police de l'élément parent) ; milieu (placer cet élément au milieu de l'élément parent) ; bas (aligner le haut de l'élément avec le haut de l'élément le plus bas de l'élément) ; la ligne); text-bottom (aligner le bas de l'élément Aligné sur le bas de la longueur de la police de l'élément parent); % (utiliser la valeur en pourcentage de l'attribut "line-height" pour organiser cet élément. Valeurs négatives ); sont autorisés) ;

Treize, spécification des espaces blancs Comment gérer les espaces blancs dans les éléments

Écriture : espace blanc : normal (Par défaut. Les espaces blancs seront ignorés par le navigateur. .);pre (L'espace blanc sera conservé par le navigateur. Son comportement est similaire à tag est rencontré); pre-wrap (conserver les séquences d'espaces, mais les envelopper normalement); pre-line (Fusionner les séquences d'espaces, mais conserver les nouvelles lignes

Recommandations associées :

CSS-Text Vertically Centered_html/css_WEB-ITnose

Styles de texte CSS et méthodes pour contrôler la casse du texte

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