Topic archive

CSS

CSS adalah bahasa yang mengatur tampilan halaman web. CSS memungkinkan Anda menentukan warna, font, jarak, perilaku responsif, dan tata letak sambil memisahkan presentasi dari konten utama halaman.

1 articles

CSS 19 Sep 2026 7 min read

Komposisi Class Saat Runtime Bukan Generasi CSS

Function yang menghasilkan string class dan compiler yang mengeluarkan CSS menyelesaikan masalah yang berbeda, walaupun keduanya pada akhirnya dapat menghasilkan atribut `class` di browser. Perbedaan itu penting ketika recipe komponen Tailwind dimulai seperti ini: const button = tv({ base: 'inline-flex rounded-md', variants: { color: { success: 'bg-green-500 hover:bg-green-700', }, disabled: { true: 'pointer-events-none opacity-50', }, }, compoundVariants: [ { color: 'success', disabled: true, class: 'bg-green-300 hover:bg-green-300', }, ], }); Mudah untuk mengira bahwa build step dapat mengubah recipe tersebut menjadi selector semantik seperti:

CSS Tailwind CSS