UTILS.
100% di peramban
{ }

Pempercantik CSS

Format dan indentasi CSS yang diperkecil dengan baris baru dan spasi yang tepat.

— keluaran muncul di sini —

Tentang alat ini

CSS Beautifier adalah pemformat gratis berbasis browser yang mengubah CSS yang diminifikasi atau berantakan menjadi tata letak yang bersih dan terindentasi secara konsisten. Alat ini pertama-tama meruntuhkan spasi yang ada, lalu membangun ulang struktur dari awal: setiap aturan dan deklarasi ditempatkan pada barisnya sendiri, kurung kurawal pembuka tetap berada pada baris selektor, kurung kurawal penutup turun ke barisnya sendiri, dan blok bersarang diindentasi dua spasi per tingkat.

Alat ini bekerja murni pada tanda baca yang memisahkan selektor, blok, dan deklarasi, menambahkan satu spasi setelah titik dua di setiap deklarasi dan satu spasi sebelum kurung kurawal pembuka. Nama properti dan nilai dibiarkan utuh, jadi hanya spasi yang berubah dan tampilan gaya tidak terpengaruh. Pemformatan berjalan langsung saat Anda mengetik, sepenuhnya di browser Anda — tanpa unggahan, tanpa akun, tanpa pelacakan, dan bekerja offline.

Ini berguna saat Anda perlu membaca, membandingkan (diff), atau menyunting secara manual stylesheet terkompresi yang diambil dari keluaran build, atau untuk memperluas cuplikan satu baris menjadi sesuatu yang mudah dibaca. Tempel CSS, tinjau hasil yang telah dirapikan di kotak keluaran, dan salin dengan satu klik.

Pertanyaan yang sering diajukan

Apakah ini mengubah gaya saya?
Tidak. Alat ini hanya menyesuaikan spasi dan indentasi — nama properti, nilai, dan selektor tetap persis seperti yang ditulis, jadi hasil yang dirender identik.
Apakah CSS saya dikirim ke mana pun?
Tidak. Pemformatan berjalan secara lokal dengan JavaScript tanpa unggahan, tanpa akun, dan tanpa pelacakan, jadi juga bekerja offline.
Bisakah ini memperluas CSS yang diminifikasi?
Ya. Alat ini meruntuhkan semua spasi yang ada terlebih dahulu lalu mengindentasi ulang dari awal, jadi CSS satu baris yang diminifikasi maupun CSS multi-baris yang berantakan sama-sama menghasilkan keluaran rapi yang sama.
Apakah ini memvalidasi atau memperbaiki CSS saya?
Tidak. Alat ini menata ulang spasi di sekitar kurung kurawal, titik koma, dan titik dua tetapi tidak melint atau mengoreksi CSS, jadi kesalahan sintaksis yang ada diteruskan tanpa perubahan.

Alat lainnya