HTML et CSS
Propriétés de texte
- Les principales propriétés des contenus de type texte sont
- la couleur
- la police, la taille, l'aspect du texte
- L'alignement, l'indentation, les espacements et interligne
La sous-propriété font-family permet de choisir la police. On peut donner un nom de police précis, comme Impact ou plus général, comme "sans-serif". Il est recommandé de donner les deux au cas où la police souhaitée ne se trouve pas sur l'ordinateur : font-family:Impact,sans-serif; (on peut aussi proposer d'autres polices en remplacement, en gardant un nom général à la fin).
font-size permet de fixer la taille de la police. Cette taille déterminer la longueur de l'unité "em" pour l'élément considéré. Elle est souvent donnée en points (pt) ou en pixels (px). On peut aussi l'indiquer en em (dans ce cas il s'agit de l'unité em de l'élément parent) ou en % (de la taille de police de l'élément parent). font-size:0.6em ou font-size:60% ont, dans les mêmes circonstances, le même résultat : taille en em ou taille en %
font-stylepermet de choisir si les caractères sont italic ou droits (normal)
font-weight permet de choisir la graisse de la police. Il existe en théorie beaucoup de possibilités mais la plupart du temps les navigateurs ne comprennent que bold et normal...
La propriété text permet d'ajouter des propriétés d'aspect extérieures aux caractères. La sous-propriété text-decoration permet le soulignement (text-decoration:underline;), le "superlignement", la rature, le clignotement. La sous-propriété text-shadow permet d'ombrer le texte
L'alignement se règle grâce à la propriété text-align qui peut prendre les valeur left, right, center, justify. La propriété text-indent permet de définir un retrait de la première ligne du texte.
La hauteur de ligne, et donc l'interligne, se règle à l'aide de la propriété line-height. Il est pratique de l'exprimer par un nombre sans unité qui multiplie la hauteur de police pour donner la hauteur de ligne line-height:3 donne une hauteur de ligne triple de celle de la police, donc un double interligne. On peut travailler en % ou en em, selon le même principe.
On peut ajuster l'écartement des lettres et l'espace entre les mots grâce aux propriétés letter-spacing et word-spacing
