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.


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.

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.