Ada masalah dengan alat ini?
Tentang «Format CSS Online»
Alat ini mempercantik CSS yang diminifikasi atau berantakan menjadi bentuk yang ter-indentasi dengan baik dan mudah dibaca. Ia menempatkan setiap deklarasi di barisnya sendiri, menormalkan spasi di sekitar kurung kurawal dan titik dua, mengurutkan properti (opsional), dan menstandarkan whitespace dan penempatan komentar.
Berguna saat membaca CSS produksi yang diminifikasi yang ditulis oleh kolega atau vendor Anda, saat menyiapkan CSS untuk code review, atau saat menormalkan gaya sebelum memeriksanya ke kontrol versi.
Pemformat menangani selector bersarang, media query, keyframe, properti kustom, dan fitur modern seperti CSS layer dengan benar. Mode sort-properties mengurutkan deklarasi secara alfabetis — berguna untuk output yang ramah diff tetapi tidak selalu urutan baca yang paling logis.
Cara memakai alat ini
Cara merapikan CSS yang dimini- atau berantakan
Tempel CSS
Letakkan CSS yang dimini- atau dengan indentasi tak konsisten di kolom "CSS". Stylesheet utuh atau potongan diterima; komentar, media query, dan at-rule bersarang lewat tanpa diubah.
Tekan Jalankan
Hasil: satu field `formatted` — satu deklarasi per baris, indentasi 2 spasi di dalam kurung kurawal, baris kosong di antara rule level atas. Selector tetap satu baris; yang sangat panjang tidak dibungkus.
Yang tidak dilakukan
Tidak memperluas vendor-prefix, tidak mengubah shorthand → longhand, tidak autoprefix, tidak menulis ulang nilai. `margin:0 5px` keluar sebagai `margin: 0 5px;`, bukan empat properti top/right/bottom/left terpisah.
Kapan minify lagi
Format untuk ditinjau manusia, lalu jalankan css-minifier-online sebelum deploy. Round-trip aman untuk CSS valid — input tidak valid mendapat penanganan best-effort dan mungkin tidak diparse identik setelahnya.