Langsung ke konten
ToolMug

CSS Formatter

Format dan rapikan CSS yang di-minify atau berantakan menjadi stylesheet yang mudah dibaca dengan indentasi yang konsisten. SCSS dan Less juga didukung, termasuk nesting, variabel, dan mixin.

Berjalan di browser Anda — tidak ada yang Anda masukkan yang diunggah

Cara menggunakan

  1. Tempel CSS, SCSS, atau Less Anda.
  2. Pilih bahasa dan indentasi.
  3. Klik Format, atau tekan Ctrl+Enter (⌘+Enter di Mac).
  4. Salin stylesheet yang sudah diformat.

Penjelasan opsi

Bahasa
CSS, SCSS, atau Less. Pilih yang tepat agar variabel ($gap, @gap) dan aturan bersarang dipahami dengan benar.
Indentasi dan lebar baris
Indentasi untuk aturan dan deklarasi bersarang, serta lebar baris tempat daftar selector dan nilai yang panjang dipindahkan ke baris baru.

Contoh

CSS framework yang di-minify. Tempel file .min.css satu baris untuk membaca aturannya satu per satu.

Merapikan SCSS. Tempel SCSS bersarang dengan indentasi yang campur aduk dan dapatkan nesting dua spasi yang konsisten.

Pertanyaan yang sering diajukan

Apa saja yang diubah oleh pemformatan?

Setiap deklarasi ditempatkan di barisnya sendiri, spasi di sekitar titik dua dan kurung kurawal diseragamkan, warna hex diubah ke huruf kecil, dan beberapa baris kosong berturut-turut digabung menjadi satu. Urutan properti dan nilainya tidak diubah.

Bisakah saya mengembalikan CSS yang di-minify dari sebuah situs web?

Ya. Tempel file yang di-minify lalu klik Format. Komentar yang sudah dihapus oleh minifier tidak dapat dikembalikan.

Apakah kode saya diunggah?

Tidak. Pemformatan berjalan di browser Anda.

Privasi

Alat ini berjalan sepenuhnya di browser Anda. File dan teks Anda diproses di perangkat Anda dan tidak pernah diunggah ke server kami.

Alat terkait