Utilore

Format CSS

Tempel stylesheet, bahkan yang datang sebagai satu baris panjang, lalu baca lagi. Setiap deklarasi mendapat barisnya sendiri, blok bersarang mendapat indentasinya, dan komentar tetap berada di tempatnya.

Kode tidak pernah meninggalkan halaman ini: perapiannya terjadi di browser Anda.

Cara pakai

  1. Tempel CSS ke kotak pertama.
  2. Pilih indentasi: dua spasi, empat spasi, atau tab.
  3. Salin hasilnya, atau tekan «Minify» untuk memampatkannya lagi.

Perlu diketahui

Kenapa formatter yang naif merusak stylesheet

Memotong pada setiap titik koma dan kurung kurawal tampak berhasil sampai file itu memuat content: "a;b" atau data URI berisi SVG. Keduanya hal biasa dalam CSS sungguhan. Formatter ini membaca file karakter demi karakter, jadi string dalam tanda kutip dan komentar dibawa utuh, bukan dipenggal di tanda baca pertama.

Penyusunan bersarang yang benar-benar menolong

Media query, blok supports, dan aturan bersarang modern masing-masing menambah satu tingkat kedalaman, dan indentasi mengikutinya. Satu baris kosong memisahkan aturan tingkat atas, sehingga stylesheet dua ribu baris terbaca sebagai daftar blok, bukan dinding teks.

Pertanyaan umum

Apakah komentar saya dipertahankan?

Ya. Komentar yang berdiri sendiri mendapat barisnya sendiri; komentar setelah sebuah deklarasi tetap menempel padanya.

Apakah CSS saya diubah?

Tidak ada properti yang diganti nama, diurutkan ulang, atau dibuang. Hanya spasi yang berpindah, dan stylesheet berperilaku persis seperti sebelumnya.

Apakah kode saya dikirim ke server?

Tidak. Semuanya berjalan di browser Anda, jadi stylesheet dari proyek yang terikat NDA tetap ada di perangkat Anda.

Bagaimana dengan SCSS atau LESS?

Aturan bersarang dan komentar terformat dengan baik. Variabel, mixin, dan direktif kontrol dilewatkan apa adanya, bukan dipahami.

Alat terkait