Cette propriété définit l'apparence du texte.  Il est possible de modifier la couleur, l'espacement, l'alignement et plus encore.

Appliquer une couleur à votre texte

 

p {color: #00ff00}

Mettre un texte en surbrillance

 

span.highlight {background-color:yellow}
Dans le code de la page:  <span class="highlight">Ce texte est en surbrillance</span>

Augmenter ou diminuer l'espace entre les caractères

 

(diminuer)
h1 {letter-spacing: -3px}

(augmenter)
h4 {letter-spacing: 0.5cm}

 

Déterminer l'espace entre les lignes

Plus petit espace
p.small {line-height: 90%}

Plus grand espace
p.big {line-height: 200%}

Dans le code de la page:
<p class="small"></p>
<p class="big"></p>

Alignement du texte

 

h1 {text-align: center}
h2 {text-align: left}
h3 {text-align: right}

Attribut de police

 

Ligne au dessus:           h1 {text-decoration: overline}
Effet barrée:                 h2 {text-decoration: line-through}
Soulignement:               h3 {text-decoration: underline}
Aucun ornament:          a {text-decoration: none}

Mettre un alinéa (retrait au début d'un paragraphe)

 

p {text-indent: 1cm}

Contrôler les lettres dans un texte

 

Lettre majuscule:                                             p.uppercase {text-transform: uppercase}
Lettre minuscule:                                             p.lowercase {text-transform: lowercase}
Première lettre de chaque mot en maj.: p.capitalize {text-transform: capitalize}

 

Propriété	Description	Valeurs
color	Définir la couleur du texte	color
line-height	Définir la hauteur de ligne	normal number length %
letter-spacing	Augmenter ou diminuer l'espace entre les lettres	normal length
text-align	Alignement du texte	left right center justify
text-decoration	Ajoute ou enlève la décoration du texte	none underline overline line-through blink
text-indent	Mettre un alinéa	length %
text-transform	Contrôle les lettres	none capitalize uppercase lowercase
white-space	Détermine comment les espaces blancs sont gérés dans un élément	normal pre nowrap
word-spacing	Augmenter ou diminuer l'espace entre les mots	normal length

 

Police (font) en CSS