Text Utilities

Tailwind CSS 🟢 Junior

Définition

Classes pour contrôler l'alignement (text-center), la couleur (text-gray-600), la décoration (underline), le truncate et le line-clamp du texte.

Analogie

Les outils de mise en forme dans un éditeur : aligner, colorer, souligner, couper.

Exemple de code

<p class="text-center text-gray-600 uppercase
  tracking-wide truncate">
  Texte tronque si trop long...
</p>
<p class="line-clamp-3">Limite a 3 lignes...</p>

Cas d'usage

Formater le texte (alignement, couleur, coupure) directement dans le markup.

#styling#tailwind

← → au clavier pour passer d'une fiche à l'autre