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

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

不言
不言original
2018-08-21 11:29:163404parcourir

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

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 à 9b66b1070142d8c9410513842608bfbd 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!

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