TL
Tool Lab
💰Donate
💰Donate

CSS Formatter

Format, beautify, and minify CSS

Input
Output
Tentang alat ini
Pemformat CSS mengonversi CSS yang terkompresi atau tidak terbaca menjadi stylesheet yang bersih dan terindentasi dengan benar. Mendukung semua fitur CSS standar termasuk media queries, pseudo-classes, animasi keyframe, properti kustom, dan selektor bertingkat.
Mode minify menghapus semua komentar dan spasi yang tidak perlu, menghasilkan CSS sekecil mungkin untuk produksi. Semua pemrosesan dilakukan secara lokal di browser.
Cara penggunaan
  1. Tempel CSS Anda ke panel input di sebelah kiri.
  2. Pilih indentasi yang diinginkan (2 atau 4 spasi).
  3. Klik Format untuk memperindah, atau Minify untuk mengompresi.
  4. Klik Salin untuk menyalin hasil ke clipboard.
Kasus penggunaan
Developer frontend menggunakan alat ini untuk memformat CSS dari DevTools, stylesheet lama, atau ekspor design system. Fitur minify mengurangi ukuran bundle CSS sebesar 30–50%.
Pertanyaan umum
  • Apakah mendukung SCSS/LESS? — Alat ini hanya memformat CSS standar. Untuk SCSS atau LESS, gunakan formatter preprocessor yang dedicated.
  • Apakah komentar dipertahankan? — Saat memformat, komentar dipertahankan. Mode minify menghapus semua komentar untuk mengurangi ukuran file.
  • Apakah data saya aman? — Semua pemrosesan bersifat lokal di browser. Tidak ada CSS yang dikirim ke server manapun.