Kategori: Alat pengembang
Perapi CSS
Format atau padatkan CSS secara lokal dengan indentasi 2 atau 4 spasi
Tempel CSS untuk merapikannya dengan indentasi 2 atau 4 spasi, atau memadatkannya menjadi keluaran teraman yang paling ringkas. Komentar dipertahankan saat merapikan. Berjalan sepenuhnya di peramban Anda.
Diformat di peramban Anda.
.tool-panel {
display:grid;
gap:16px;
padding:16px
}
/* accent border */
.tool-panel .tool-output {
border:1px solid var(--line);
border-radius:8px
}Semua yang ada di halaman ini diproses di peramban Anda. Tidak ada yang diunggah.
Apa fungsi alat ini
Perapi CSS mengindentasi ulang aturan dan deklarasi sehingga selektor dan media query bersarang mudah dipindai, sementara pemadat membuang komentar dan spasi yang tidak perlu untuk memperkecil lembar gaya untuk produksi. Alat ini hanya mengatur ulang spasi dan tidak pernah mengevaluasi atau menjalankan CSS yang diberikan.
Cara memakainya
- Tempel CSS Anda di kotak masukan, atau muat contohnya.
- Pilih Rapikan untuk hasil yang terbaca atau Padatkan untuk ukuran terkecil.
- Salin hasilnya; keluaran yang dirapikan juga memungkinkan Anda memilih indentasi 2 atau 4 spasi.
Privasi
Alat ini berjalan sepenuhnya di peramban Anda. Masukan Anda tidak pernah diunggah, disimpan, atau dibagikan — menutup tab akan menghapusnya.
Pertanyaan yang sering diajukan
- Apakah CSS saya diunggah ke suatu tempat?
- Tidak. Merapikan dan memadatkan terjadi lewat JavaScript yang berjalan di halaman ini, sehingga lembar gaya Anda tidak pernah meninggalkan perangkat Anda.
- Apakah komentar dipertahankan?
- Keluaran yang dirapikan menyimpan komentar di barisnya sendiri; keluaran yang dipadatkan menghapusnya, sesuai kebiasaan kebanyakan alat build produksi.
- Apakah CSS-nya diperiksa validitasnya?
- Tidak. Alat ini hanya mengatur ulang spasi dan indentasi, sehingga tidak akan menangkap salah ketik pada nama properti atau nilai yang tidak valid.