Attributs |
Utilisation |
Valeurs possibles |
Exemple |
word-spacing |
Indique la distance ajoutée à la quantité d'espace ajouté par défaut entre chaque
mot.
On l'exprime en em. Un em correspond à l'espace occupé par la lettre "m" et constitue la base
pour déterminer les largeurs de caractère au sein d'une police. |
- normal
- valeur positive ou négative en em, ex, px, in, cm, mm, pt, pc
|
BODY { word-spacing: 1em }
P { word-spacing: 0em }
H1 { word-spacing: normal } |
letter-spacing |
Spécifie l'accroissement à appliquer à l'espacement par défaut entre les lettres |
Voir ci-dessus |
BODY { letter-spacing: 0.2em }
H1 { letter-spacing: -0.2em } |
text-decoration |
Spécifie des enrichissements de texte : soulignement, barré, clignotement... |
- none (aucun)
- underline (souligné)
- overline (surligné)
- line-through (barré)
- blink (clignotant) (non reconnu par IE)
|
P.souligne { text-decoration: underline } |
vertical-align |
Définit la position verticale du texte par rapport à une référence absolue ou relativement
à l'élément parent |
- baseline
- sub
- super
- text-top
- text-bottom
- middle
- top
- bottom
- valeurs en pourcentage :
|
IMG { vertical-align: baseline }
SUB { vertical-align: -10% } |
text-transform |
Définit la casse du texte.
|
- capitalize (applique des majuscules sur la première lettre de chaque mot)
- uppercase (toutes les lettres en majuscules)
- lowercase (toutes les lettres en minuscules)
- none
|
H1 { text-tranform: uppercase } |
text-align |
Enrichit l'alignement HTML |
- left
- right
- center
- justify
|
P { text-align: center } |
text-indent |
Définit le décalage horizontal ajouté avant le début de la première ligne. |
- valeur absolue en em, ex, px, in, cm, mm, pt, pc
- Valeur en poucentage
|
P { text-indent: 5em }
H1 {tex-indent: -0.5cm } |
line-height |
Définit la distance entre les lignes de base adjacentes |
- longueur en em, ex, px, in, cm, mm, pt, pc.
- facteur de multiplication : le nombre indiqué, multiplié par la taille des
caractères.
- pourcentage : le pourcentage indiqué, multiplié par la taille des caractères.
|
DIV { line-height: 1.5; font-size: 12pt }
Soit 18 pt ( 12 x 1.5) |