RUNWEBTOOLS
Bahasa Indonesia

Pemformat CSS

Percantik dan rapikan CSS yang berantakan atau terminifikasi di browser Anda.

Langsung — memformat saat Anda mengetik

Contoh

Rapikan CSS terminifikasi

Masukan

.btn{color:#fff;background:#000;padding:8px 16px;}

Keluaran

.btn {
  color: #fff;
  background: #000;
  padding: 8px 16px;
}

Rapikan spasi tidak konsisten

Masukan

a{color:blue;}  a:hover{color:red;}

Keluaran

a {
  color: blue;
}

a:hover {
  color: red;
}

Tentang alat ini

Formatter CSS online gratis ini mengubah stylesheet berantakan atau terminifikasi menjadi CSS yang rapi dan terindentasi — alat perapi dan pretty-print CSS yang cepat. Tempel CSS Anda, pilih gaya indentasi, dan hasil terformat langsung muncul. Semuanya berjalan di browser Anda tanpa unggahan, jadi kode Anda tidak pernah meninggalkan perangkat.

Cara pakai

  1. Tempel CSS Anda di kotak input (klik Contoh untuk mencoba).
  2. Pilih indentasi 2 spasi, 4 spasi, atau tab.
  3. Baca CSS yang dirapikan di kotak output di kanan.
  4. Salin hasilnya dengan tombol Salin.

Kapan memakai formatter CSS

Memformat ulang membantu saat Anda menyalin CSS terkompresi dari bundle yang sudah di-build, mewarisi stylesheet dengan spasi tidak konsisten, atau ingin membaca sebuah aturan sebelum mengeditnya. Indentasi yang konsisten membuat selektor dan penyarangan jelas serta menjaga diff tetap bersih.

Pertanyaan yang sering diajukan

Apakah formatter CSS ini gratis?

Ya — formatter dan perapi CSS online yang sepenuhnya gratis tanpa pendaftaran dan tanpa batas. Format dan indentasi CSS sebanyak apa pun.

Apakah CSS saya diunggah ke server?

Tidak. Ini alat tanpa unggahan — CSS Anda diformat sepenuhnya di browser Anda, jadi kode tidak pernah meninggalkan perangkat. Aman untuk stylesheet privat atau internal.

Apa yang dilakukan perapi CSS?

Ia menempatkan setiap aturan dan deklarasi pada barisnya sendiri, menormalkan spasi di sekitar kurung kurawal, titik dua, dan titik koma, serta mengindentasi ulang semuanya, sehingga CSS terminifikasi atau berantakan menjadi terbaca.

Bisakah saya memilih indentasi?

Bisa — pilih 2 spasi, 4 spasi, atau tab. Pilihan Anda diingat di browser untuk lain kali.

Apakah bekerja dengan SCSS atau Less?

Ia menangani sebagian besar sintaks SCSS dan Less dengan baik untuk indentasi dan perapian, karena strukturnya mirip CSS. Ia memformat, bukan mengompilasi — tidak mengembangkan penyarangan atau variabel.

Apakah mengembangkan CSS terminifikasi?

Ya. Tempel stylesheet satu baris atau terminifikasi dan ia mengembangkannya kembali menjadi kumpulan aturan yang terindentasi dan terbaca.

Apakah bekerja offline dan di ponsel?

Setelah halaman dimuat ia berjalan lokal, jadi tetap bekerja pada koneksi tidak stabil, dan tata letaknya sepenuhnya responsif di ponsel dan tablet.

Alat terkait

Pemformat JSON

Format, validasi, dan percantik JSON secara instan di browser Anda.

Pemformat HTML

Percantik dan beri indentasi HTML yang berantakan atau terminifikasi di browser Anda.

Pemformat JavaScript

Percantik dan beri indentasi JavaScript yang terminifikasi atau berantakan di browser Anda.

Pemformat SQL

Format kueri SQL dengan kata kunci huruf besar.