Propriété de mise en forme du texte en css

text-transform

La propriété text-transform permet de transformer le texte (capitalize,  lowercase, none, uppercase).
Exemple
H1 {text-transform: capitalize;}  Transforme la première lettre de chaque mot en majuscule
H1 {text-transform: lowercase;}  Transforme toutes les lettres en minuscules
H1 {text-transform: none;}  Aucun effet
H1 {text-transform: uppercase;}  Transforme toutes les lettres de chaque mot en majuscule

text-decoration

La propriété text-decoration permet de décorer le texte (blink, none, line-through, overline, underline).
Exemple
H1 {text-decoration: blink;}  Permet de faire clignoter le texte (fonctionne uniquement sous Nescape et Firefox).
H1 {text-decoration: none;}  Aucun effet.
H1 {text-decoration: line-through;}  Permet de barrer le texte.
H1 {text-decoration: overline;}  Permet de mettre un trait au dessus du texte.
H1 {text-decoration: underline;} Permet de mettre un trait sous le texte.

text-align

La propriété text-align permet d'aligner du texte (center, right, left).
Exemple
H1 {text-align: center;}  Permet de centrer le texte.
H1 {text-align: right;}  Permet de mettre le texte à droite.
H1 {text-align: left;}  Permet de mettre le texte à gauche.

letter-spacing

La propriété letter-spacing permet de définir l'espace entre chaque lettre.
Exemple
H1 {letter-spacing: 10px;}  Permet de mettre un espace de 10 pixel entre chaque lettre.
H1 {letter-spacing: -5px;}  Valeur négative. Permet de réduire l'espace entre chaque lettre de 5 pixel.

word-spacing

La propriété word-spacing permet de définir l'espacement entre chaque mot.
Exemple
H1 {word-spacing: 10px;}  Permet de mettre un espace de 10 pixel entre chaque mot.
H1 {word-spacing: -5px;}  Valeur négative. Permet de réduire l'espace entre chaque mot de 5 pixel.

color

La propriété color permet de définir la couleur du texte.
Exemple
H1 {color: #FF0000;}  Couleur rouge.
H1 {color: #70CF00;}  Couleur vert.
Voir/déposer un commentaire (0) | Signaler un problème