Tentang alat ini
Alat CSS ke Objek Style JS mengonversi blok CSS menjadi objek JavaScript yang cocok untuk gaya inline React atau pustaka CSS-in-JS seperti styled-components dan Emotion. Ia mem-parsing deklarasi secara lokal di browser Anda — tidak ada yang diunggah — sehingga memigrasikan stylesheet ke gaya inline hanya sekali tempel-dan-salin.
Setiap nama properti di-camelCase: background-color menjadi backgroundColor, z-index menjadi zIndex. Prefiks vendor mengikuti aturan React — -ms- di depan menjadi huruf kecil ms (msFilter), sementara -webkit-, -moz-, dan -o- menjadi kapital Webkit, Moz, dan O (WebkitBoxShadow). Custom property (--brand-color) dipertahankan verbatim sebagai kunci berkutip. Nilai dihasilkan sebagai string secara default, mempertahankan unit dan !important; sakelar numerik memungkinkan bilangan bulat dan desimal telanjang menjadi angka tanpa kutip. Kunci yang merupakan pengidentifikasi JavaScript valid dibiarkan tanpa kutip; sisanya dikutip secara otomatis.
Ketika input adalah blok deklarasi biasa (tanpa selector), ia menghasilkan satu objek datar, sempurna untuk prop style React. Ketika input berisi aturan penuh dengan selector, mode styled/Emotion menghasilkan objek bersarang berkunci setiap string selector — sintaks objek yang diterima pustaka tersebut. Anda mengontrol nama const output, dan keseluruhannya ditulis sebagai const styles = { ... }; siap ditempel.