dexblog.ro
Acces rapid: Învață AI Învață Programare Specificații Dispozitive Comparații
TW Toate comenzile Tailwind CSS

Decorarea textului cu underline, line-through și no-underline în Tailwind CSS

Tipografie și Formatare Text Toate versiunile Tailwind Q&A / Distribuie cod

Subliniază textul, trasează o linie de tăiere (preț redus) sau elimină decorațiunile native ale link-urilor.

Sintaxă 
underline | line-through | no-underline | decoration-indigo-500

Decorațiuni de text în Tailwind CSS

Proprietatea text-decoration adaugă linii vizuale caracterelor:

  • underline: adaugă o linie de subliniere (suportă utilitare avansate de culoare ca decoration-blue-500 și grosime decoration-2).
  • line-through: taie textul cu o linie orizontală (clasic pentru prețul vechi la reduceri).
  • no-underline: elimină sublinierea nativă de pe link-uri.
Exemplu Concret: Preț redus cu tăiere și subliniere interactivă
<span class="text-gray-400 line-through text-sm">250 Lei</span>
<span class="text-xl font-bold text-red-600">189 Lei</span>
<a href="#" class="no-underline hover:underline decoration-red-500">Vezi oferta</a>

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Decorarea textului cu underline, line-through și no-underline

Ai o nelămurire despre utilizarea comenzii Decorarea textului cu underline, line-through și no-underline sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.