Astuce 013

Astuce 013

Dans les dernières astuces j’ai pas mal parlé de gestion du texte, que ce soit les ellipses ou encore les lettrines. ✍️

Mais en gestion de texte il y a quelque chose dont on n’a pas parlé …

L’indentation 📐

Avec la propriété text-indent tu peux définir la longueur qui doit être laissée avant le début de la première ligne d’un élément contenant du texte.

Selon le sens du texte l’espacement se fera à droite ou à gauche.

La propriété accepte une taille positive ou négative.

Petite aparté pour le futur. Avec CSS Text Module Level 3 la propriété acceptera surement deux nouveaux arguments plutôt intéressants :

each-line : Permet d’indenter la première ligne et toutes les lignes présentes après un saut de ligne.

hanging : Inverse le comportement et indente toutes les lignes excepté la première.

Ce n’est pour l’instant qu’une version de travail et pas encore prêt d’être utilisé, mais c’est bon à savoir et la propriété est déjà utilisable pour créer des indentations simples.

Si tu aimes ce genre de contenu j’ai lancé en début de mois une newsletter mensuelle qui devrait te plaire, le lien est juste au dessus des commentaires 👇

Haut de page