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

Stilizarea pictogramelor SVG cu fill-current și stroke-current în Tailwind CSS

Interactivitate, Formulare și Elemente Speciale Toate versiunile Tailwind Q&A / Distribuie cod

Permite pictogramelor SVG inline să moștenească direct culoarea textului curent (currentColor) și grosimea liniei.

Sintaxă 
fill-current | stroke-current | stroke-2

Stilizarea SVG-urilor inline în Tailwind CSS

Clasele fill-current și stroke-current setează proprietățile SVG de umplere și contur la valoarea CSS currentColor. Astfel, pictograma SVG își schimbă automat culoarea ori de câte ori modificați clasa de text (de exemplu text-gray-500 hover:text-blue-600), fără a necesita clase de culoare separate pe elementele <path>.

Exemplu Concret: Pictogramă SVG integrată reactivă la culoarea textului
<button class="flex items-center gap-2 text-gray-600 hover:text-indigo-600 transition-colors">
  <svg class="w-5 h-5 fill-current" viewBox="0 0 20 20">
    <path d="..." />
  </svg>
  <span>Acțiune</span>
</button>

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Stilizarea pictogramelor SVG cu fill-current și stroke-current

Ai o nelămurire despre utilizarea comenzii Stilizarea pictogramelor SVG cu fill-current și stroke-current 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.