Text Utilities

Tailwind CSS 🟢 Junior

Definition

Classes pour controler l'alignement (text-center), la couleur (text-gray-600), la decoration (underline), le truncate et le line-clamp du texte.

Analogie

Les outils de mise en forme dans un editeur : 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.

Termes lies

#styling#tailwind