CSS Formatter & Minifier
Rapikan CSS dengan Prettier, atau padatkan untuk produksi. Tool ini merapikan (beautify) sekaligus memadatkan (minify) CSS dalam satu halaman — tempel kode, pilih mode, lalu klik. Semua diproses di perangkat Anda tanpa dikirim ke server.
Semua proses berjalan di browser Anda. Kode tidak pernah dikirim ke server kami.
Contoh
Contoh Input
a{color:red;margin:0}Contoh Output
a {
color: red;
margin: 0;
}Cara Penggunaan
- 1Pilih mode Format atau Minify di bagian atas.
- 2Tempel kode CSS Anda pada kolom Input.
- 3Jika perlu, atur lebar indentasi di "Pengaturan Lainnya".
- 4Klik tombol (atau tekan Ctrl+Enter) untuk memproses. Hasilnya muncul di kolom Hasil.
- 5Klik Salin untuk menyalin hasilnya.
Tentang CSS Formatter
CSS Formatter merapikan stylesheet menggunakan Prettier — tiap properti pada barisnya sendiri dengan indentasi konsisten — atau memminify-nya dengan menghapus spasi dan komentar.
Cara kerjanya: Format menjalankan Prettier dengan parser CSS untuk menata ulang aturan dan properti secara konsisten. Minify menghapus komentar, spasi berlebih, dan titik koma yang tidak perlu.
CSS rapi memudahkan pemeliharaan; CSS ter-minify mengurangi ukuran berkas dan mempercepat rendering halaman. Tool ini juga mendukung varian SCSS dan LESS.
Pertanyaan Umum (FAQ)
Apakah CSS ini bisa format sekaligus minify?
Ya. Satu halaman dengan toggle — mode Format untuk merapikan (beautify) dengan indentasi, dan mode Minify untuk memadatkannya. Tidak perlu dua halaman terpisah.
Apakah kode saya dikirim ke server?
Tidak. CSS diproses sepenuhnya di browser Anda menggunakan JavaScript/WebAssembly. Kode Anda tidak pernah meninggalkan perangkat Anda.