Aller au contenu

Textes & Caractères

Cette famille regroupe toutes les propriétés permettant d’agir sur le texte, sa police, sa taille, son espacement, son alignement ou encore ses décorations.


Table : Propriétés standards (à utiliser)
PropriétéDescription
colorDéfinit la couleur du texte.
fontPropriété raccourcie regroupant plusieurs valeurs (font-style, font-variant, font-weight, font-size, line-height, font-family).
font-familyDéfinit la police de caractères (ex: Arial, Verdana, Times New Roman).
font-sizeDéfinit la taille des caractères (px, em, rem, %).
font-styleDéfinit le style du texte : normal, italique, oblique.
font-variantActive les petites capitales (small-caps).
font-weightDéfinit l’épaisseur des caractères : normal, bold, 100 à 900.
letter-spacingDéfinit l’espacement entre les lettres.
line-heightDéfinit la hauteur de ligne (interligne).
text-alignDéfinit l’alignement horizontal : left, right, center, justify.
text-decorationDéfinit les décorations : underline, overline, line-through.
text-overflowDéfinit l’affichage du contenu qui dépasse : ellipsis ajoute des points de suspension.
text-shadowDéfinit une ombre appliquée au texte.
text-transformDéfinit la transformation du texte : uppercase, lowercase, capitalize.
vertical-alignDéfinit l’alignement vertical relatif (baseline, top, middle, bottom).
white-spaceContrôle la gestion des espaces et retours : normal, nowrap, pre, pre-wrap.
word-breakDéfinit la césure : normal, break-all, keep-all.
word-wrap / overflow-wrapDéfinit le retour forcé à la ligne si un mot dépasse.
word-spacingDéfinit l’espacement entre les mots.
writing-modeDéfinit le sens d’écriture : horizontal-tb, vertical-rl, vertical-lr.
directionDéfinit le sens d’écriture : ltr (gauche → droite), rtl (droite → gauche).
unicode-bidiDéfinit l’intégration du texte bidirectionnel en combinaison avec direction.

Certaines propriétés sont liées à d’anciens navigateurs (Internet Explorer) ou à des cas spécifiques (langues asiatiques). Elles sont rarement utilisées aujourd’hui.

Table : Propriétés spécifiques ou obsolètes
PropriétéStatutExplication
font-size-adjustPeu utiliséAjuste la hauteur des minuscules indépendamment de font-size.
font-stretchPeu supportéDéfinit l’étirement ou la compression de la police (condensed, expanded).
line-breakSpécifique langues asiatiquesDéfinit les règles de césure en japonais et chinois.
text-align-lastInternet ExplorerDéfinit l’alignement spécifique de la dernière ligne.
text-autospaceInternet ExplorerDéfinit l’espacement automatique pour les caractères asiatiques.
text-kashida-spaceInternet ExplorerDéfinit la justification spécifique pour le texte arabe.
text-underline-positionSpécifique langues asiatiquesDéfinit la position du soulignement (utile pour le japonais et le chinois).

  • Les propriétés principales concernent la police (font-family, font-size, font-weight, font-style),
    l’espacement (line-height, letter-spacing, word-spacing),
    et la mise en forme du texte (text-align, text-transform, text-decoration).
  • Les propriétés obsolètes comme text-autospace ou text-kashida-space ne sont plus à utiliser.
  • Pour les langues asiatiques ou l’arabe, certaines propriétés spécifiques (line-break, writing-mode, unicode-bidi) peuvent encore être utiles.