Cara menggunakan
- Tempelkan CSS Anda, buka file
.css, atau mulai dari contoh: stylesheet yang diminifikasi. - Pilih 2 spasi, 4 spasi, atau tab. CSS yang diformat muncul saat Anda mengetik.
- Salin atau unduh sebagai
styles.css.
Fungsinya
Setiap aturan mendapat bloknya sendiri, setiap deklarasi barisnya sendiri, dan aturan di dalam @media serta at-rule lainnya diindentasi satu tingkat lebih dalam. Selektor, nilai, dan komentar tetap apa adanya, sehingga arti stylesheet sama persis.
Kapan berguna
- Membaca stylesheet yang diminifikasi dari tema, framework, atau situs yang sedang Anda periksa.
- Merapikan CSS sebelum mengeditnya, agar perubahan menyentuh satu baris, bukan satu baris yang sangat panjang.
- Membandingkan dua stylesheet: format keduanya, lalu lakukan diff.
Pertanyaan umum
Apakah alat ini memperbaiki CSS yang tidak valid?
Tidak. Alat ini mengindentasi apa yang ada; kurung kurawal yang hilang tetap hilang. Browser melewati deklarasi yang tidak dapat dibaca, sehingga karakter yang salah biasanya merusak satu aturan, bukan seluruh stylesheet.
Apakah alat ini mengurutkan properti?
Tidak. Urutan dapat berpengaruh di CSS (deklarasi yang lebih akhir menang), jadi tetap seperti yang ditulis.
Bisakah saya meminifikasinya lagi setelahnya?
Ya: Peminifikasi CSS mengubahnya kembali menjadi satu baris yang ringkas.
Apakah CSS saya diunggah?
Tidak. Pemformatan berjalan di browser Anda.