Pemformat CSS

Pemformat CSS mengubah lembar gaya yang diminifikasi atau memiliki spasi tidak konsisten menjadi CSS yang mudah dibaca, dengan indentasi, kurung kurawal, selektor, deklarasi, kueri media, dan at-rule bertingkat yang seragam.

Pilih tab atau spasi, tempatkan kurung kurawal pembuka pada baris yang sama atau baris terpisah, pisahkan daftar selektor, dan atur jarak antaraturan. Nilai string, properti khusus, komentar, fungsi, dan URL data diurai tanpa penggantian ekspresi reguler yang dapat merusak konten.

Minifikasi menghapus spasi kosong CSS yang tidak perlu tanpa mengubah struktur aturan. Optimalkan & Minifikasi juga dapat menggabungkan dan menata ulang CSS yang kompatibel agar hasilnya lebih kecil. Pemformatan dan kompresi CSS berjalan secara lokal di peramban Anda. Gunakan Pemformat SCSS untuk variabel, nesting, mixin, fungsi, dan sintaks SCSS lainnya.

Tanya jawab pemformat kode

Bagaimana cara memformat kode di halaman ini?

Tempel kode di editor kiri atau muat berkas, pilih opsi yang diperlukan, lalu tekan Format. Periksa hasil di kanan, kemudian salin atau simpan.

Mengapa pemformat dapat melaporkan kesalahan?

Masukan harus sesuai dengan bahasa atau sintaks yang dipilih. Periksa pernyataan yang belum selesai, kurung atau tanda kutip yang tidak berpasangan, serta dialek atau mode yang tidak sesuai, lalu coba lagi.

Bagaimana cara kerja pemformat kode?

Pemformat mengenali token dan struktur bertingkat sesuai bahasa, lalu menata ulang inden, spasi, dan pemenggalan baris berdasarkan aturan yang konsisten. Pemformat tidak mengompilasi atau menjalankan program, jadi hasilnya bukan pemeriksaan kebenaran atau keamanan.

Pengaturan apa yang direkomendasikan untuk bahasa ini?

2 spasi, kurung buka di baris yang sama, pemisahan selektor, dan jarak antaraturan adalah kebiasaan umum proyek web. Atur inden, gaya kurung, serta pergantian baris selektor dan aturan, lalu pilih format, minifikasi spasi saja, atau optimasi CSS valid yang lebih kuat.