À propos de l'analyse des attributs de police CSS3

Attributs de police :

Famille de polices : {font-family: name}

                                                                       serif}

Taille de police : {font-size : valeur numérique |xx-small | x-small | small | x-large | plus petit | Style de police

 : {style de police : italique normal | oblique | hériter🎜>

Poids de la police : {poids de la police : 100-900 | | normal>

Police-variant : {font-variant : normal | small-caps | -variant font-weight font-size font-family}

font-size et font-family doivent apparaître dans l'attribut font, et dans un ordre fixe. Le style de police, la variante de police et le poids de la police peuvent être librement échangés. Couleur de la police : {color: name | rgb | hex | hsl | rgba>

Style avancé du texte

Texte de l'ombre

text-shadow

 : {text-shadow : aucun | aucun | [,] * ou aucun -shadow a quatre valeurs. La première valeur représente le déplacement horizontal de l'ombre, qui peut être positif ou négatif ; la deuxième valeur représente le déplacement vertical de l'ombre, qui peut être positif ou négatif ; la troisième valeur représente le rayon de flou de ; l'ombre, qui est facultative ; La quatrième valeur représente la valeur de la couleur de l'ombre, qui est facultative.

Texte de débordement

text-overflow

est utilisé pour définir s'il faut afficher une marque d'omission lorsque le texte déborde, c'est-à-dire pour définir la méthode de débordement pour omettre du texte. Il n'a pas d'autres définitions d'attributs de style. Pour obtenir l'effet de générer une ellipse lors d'un débordement, vous devez également définir : forcer l'affichage du texte sur une seule ligne (espace blanc:nowrap) et le masquage du contenu du débordement (over-flow:hidden) . {text-overflow : clip | ellipsis>

Clip : N'affiche pas la marque d'omission (...), mais une simple barre de recadrage (supportée par les principaux navigateurs)

Ellipse : QuandLorsque le texte dans l'objet déborde, la marque d'omission (...) s'affiche (fille, Firefox ne le supporte pas) Retour à la ligne de contrôle

retour à la ligne

: {word-wrap: normal |

break

-word}Normal : contrôle le saut de ligne du texte continu

Break-word : le contenu sera brisé dans la limite , si vous avez besoin d'une rupture dans le mot (word-break ) peut également être implémenté Gardez la taille de la police inchangée

font-size-adjust

 : {font- size-adjust: none | number>

Aucun : valeur par défaut, permettant à chaque police de la séquence de polices d'adhérer à sa propre taille Number : forcer la même taille pour toutes les polices de la police séquence

Attributs de paragraphe : Espacement des mots

espacement des mots

 : {espacement des mots : longueur normale>

Espacement des caractères

lettre- espacement

 : {lettre-espacement : longueur normale>

Décoration du textetext-decoration : {texte-décoration : aucun soulignement | surligner | 🎜>

Alignement vertical

vertical-align : {vertical : Valeur de l'attribut>

Alignement horizontal

text-align : {text-align: sTextAlign}

Transformation de texte

text-transform : {text -transform : aucun | majuscule | minuscule>

text-indent

text-indent : {text -indent : longueur🎜>hauteur de la ligne de texte

ligne -hauteur

 : {hauteur de la ligne : normale | longueur>Gérer l'espace blanc : {espace blanc : normal | pré | nowrap | pré-enveloppement | pré-ligne>

Inversion du texteunicode-bidi et

direction

Unicode-bidi : {Unicode -bidi : normal | bidi-override | intégrer🎜>Direction : {direction : ltr |hériter🎜>

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!