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és standards (à utiliser)
Section intitulée « Propriétés standards (à utiliser) »Propriété | Description |
---|---|
color | Définit la couleur du texte. |
font | Propriété raccourcie regroupant plusieurs valeurs (font-style , font-variant , font-weight , font-size , line-height , font-family ). |
font-family | Définit la police de caractères (ex: Arial, Verdana, Times New Roman). |
font-size | Définit la taille des caractères (px, em, rem, %). |
font-style | Définit le style du texte : normal, italique, oblique. |
font-variant | Active les petites capitales (small-caps ). |
font-weight | Définit l’épaisseur des caractères : normal, bold, 100 à 900. |
letter-spacing | Définit l’espacement entre les lettres. |
line-height | Définit la hauteur de ligne (interligne). |
text-align | Définit l’alignement horizontal : left, right, center, justify. |
text-decoration | Définit les décorations : underline, overline, line-through. |
text-overflow | Définit l’affichage du contenu qui dépasse : ellipsis ajoute des points de suspension. |
text-shadow | Définit une ombre appliquée au texte. |
text-transform | Définit la transformation du texte : uppercase, lowercase, capitalize. |
vertical-align | Définit l’alignement vertical relatif (baseline, top, middle, bottom). |
white-space | Contrôle la gestion des espaces et retours : normal, nowrap, pre, pre-wrap. |
word-break | Définit la césure : normal, break-all, keep-all. |
word-wrap / overflow-wrap | Définit le retour forcé à la ligne si un mot dépasse. |
word-spacing | Définit l’espacement entre les mots. |
writing-mode | Définit le sens d’écriture : horizontal-tb, vertical-rl, vertical-lr. |
direction | Définit le sens d’écriture : ltr (gauche → droite), rtl (droite → gauche). |
unicode-bidi | Définit l’intégration du texte bidirectionnel en combinaison avec direction . |
Propriétés spécifiques ou obsolètes
Section intitulée « Propriétés spécifiques ou obsolètes »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é | Statut | Explication |
---|---|---|
font-size-adjust | Peu utilisé | Ajuste la hauteur des minuscules indépendamment de font-size . |
font-stretch | Peu supporté | Définit l’étirement ou la compression de la police (condensed, expanded). |
line-break | Spécifique langues asiatiques | Définit les règles de césure en japonais et chinois. |
text-align-last | Internet Explorer | Définit l’alignement spécifique de la dernière ligne. |
text-autospace | Internet Explorer | Définit l’espacement automatique pour les caractères asiatiques. |
text-kashida-space | Internet Explorer | Définit la justification spécifique pour le texte arabe. |
text-underline-position | Spécifique langues asiatiques | Définit la position du soulignement (utile pour le japonais et le chinois). |
À retenir
Section intitulée « À retenir »- 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
outext-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.