# Formatter CSS

Format stylesheet yang diminifikasi atau berantakan dengan Formatter CSS ini. Tempelkan CSS dan alat ini akan menguraikannya, lalu mencetak setiap aturan dengan selektornya pada satu baris, satu deklarasi per baris dengan indentasi dua spasi, spasi setelah setiap titik dua, kombinator dengan spasi, serta at-rule bersarang seperti kueri media. Kesalahan penguraian akan dilaporkan. Ideal bagi pengembang dan desainer web yang membaca, men-debug, atau meninjau stylesheet dari sumber mana pun.

## Pertanyaan yang sering diajukan

### Bagaimana cara kerja Formatter CSS?

Alat ini menguraikan stylesheet Anda menjadi aturan, deklarasi, dan at-rule, lalu mencetaknya kembali dalam tata letak yang konsisten. Karena CSS diuraikan, keluaran mencerminkan struktur stylesheet yang sebenarnya.

### Seperti apa CSS yang telah diformat?

Setiap aturan dimulai dengan selektornya dan kurung kurawal pembuka. Setiap deklarasi ditulis pada baris tersendiri dengan indentasi dua spasi dan satu spasi setelah titik dua, lalu kurung kurawal penutup ditempatkan pada barisnya sendiri. Daftar selektor digabungkan dengan koma dan satu spasi, sedangkan kombinator seperti > dan ~ diberi spasi di kedua sisinya.

### Apakah kueri media dan at-rule lainnya didukung?

Ya, aturan di dalam @supports dan blok serupa ditumpuk dan diberi indentasi. Pernyataan seperti @import tetap ditulis pada satu baris, dengan nilai url() ditulis dalam tanda kutip.

### Apa yang terjadi jika CSS tidak valid?

Jika parser tidak dapat membaca stylesheet, misalnya karena ada kurung kurawal yang hilang, alat akan berhenti dan menampilkan pesan parser beserta nomor barisnya. Perbaiki bagian yang dilaporkan, lalu format ulang.

### Apakah komentar dipertahankan?

Ya, komentar dipertahankan, baik di antara aturan maupun di antara deklarasi. Setiap komentar ditempatkan pada baris tersendiri dengan indentasi yang sesuai dengan kode di sekitarnya.

### Apakah properti kustom didukung?

Ya, properti kustom seperti --brand-color diformat seperti deklarasi lainnya. Referensi seperti var(--brand-color) dipertahankan seperti aslinya.

### Bisakah saya memformat SCSS atau Less di sini?

Tidak, halaman ini mengharapkan CSS biasa, dan aturan bertingkat atau variabel dari prapemroses mungkin ditolak. Gunakan Formatter SCSS atau Less Formatter untuk file tersebut.

### Bisakah saya mengubah indentasi atau gaya kurung kurawal?

Tidak, formatter ini tidak memiliki opsi dan selalu menggunakan dua spasi, dengan kurung kurawal pembuka pada baris selektor. Dengan begitu, hasilnya konsisten untuk setiap stylesheet.

### Mengapa hasilnya dibungkus dalam code fence css?

Output dikembalikan sebagai blok kode Markdown berlabel css, sehingga dirender dengan sorotan sintaks di Markdown. Salin baris di antara fence untuk file .css Anda.

### Seberapa besar stylesheet saya bisa?

Maksimal 5 MB per proses, dan input yang lebih besar akan ditolak dengan pesan. Outputnya identik dengan opsi CSS dari Code Formatter.

Iklan Anda di sini?

[Email kami](mailto:hi@dennn.is?subject=Beriklan%20di%20OneClick%20Pro)

[Iklan Rangkaian plugin siap agen untuk WordPress.](https://sleekwp.com/?ref=oneclickpro)