Pemformat ini menggunakan pengimbas yang memahami sintaks, bukannya memecahkan teks secara membuta tuli pada pendakap dan koma bernoktah. Ia menjejaki rentetan, komen, fungsi, pemilih atribut dan blok bersarang. Oleh itu, tanda baca di dalam URL atau nilai yang dipetik tidak berubah.
CSS Formatter online
Berjalan sepenuhnya dalam pelayar anda - tanpa muat naik, tanpa pendaftaran.
CSS input
CSS berformat
Tampal CSS untuk memformatnya
Bagaimanakah CSS Formatter digunakan?
CSS Formatter menukar helaian gaya yang diminimumkan atau mempunyai jarak tidak sekata kepada kod yang mudah dibaca dengan inden dan baris baharu yang konsisten. Tampal CSS, pilih dua ruang, empat ruang atau tab, kemudian salin atau muat turun hasilnya. Semua pemprosesan berlaku dalam pelayar sambil mengekalkan komen, nilai dalam tanda petik, URL data dan susunan pengisytiharan.
Cara guna
- 1Tampal CSS. Masukkan helaian gaya, blok pemilih atau petikan CSS yang diminimumkan ke dalam ruang input.
- 2Pilih inden. Pilih dua ruang, empat ruang atau tab. Hasil berformat dikemas kini semasa anda menaip.
- 3Semak status. Lihat kiraan struktur atau betulkan pembatas tanpa pasangan, komen yang belum ditutup atau rentetan yang belum lengkap.
- 4Salin atau muat turun. Salin CSS yang telah diformat ke papan klip atau simpan sebagai formatted.css.
Untuk siapa
- Pembangun front-end yang mengembangkan CSS produksi supaya lebih mudah dibaca dan dinyahpepijat.
- Penyemak kod yang menyeragamkan inden sebelum membandingkan helaian gaya yang disalin atau petikan permintaan gabungan.
- Pelajar yang mahu melihat media query, pemilih dan blok pengisytiharan bersarang dengan lebih jelas.
- Pasukan sokongan dan QA yang mengemaskan CSS daripada alat pembangun sebelum memasukkannya ke dalam tiket atau langkah menghasilkan semula masalah.
Soalan lazim
Adakah CSS Formatter ini percuma?
Ya. Anda boleh memformat sebanyak mana CSS yang mampu diproses dengan selesa oleh pelayar. Tiada akaun atau pemasangan diperlukan, tiada kuota penggunaan dan hasilnya tersedia serta-merta.
Adakah CSS saya dihantar ke pelayan?
Tidak. Pemformatan dijalankan secara setempat dalam pelayar. CSS yang ditampal kekal dalam penyunting halaman dan tidak dihantar kepada mana-mana API, jadi ia sesuai juga untuk gaya projek persendirian.
Berapa banyak CSS yang boleh saya format?
Alat ini tidak menetapkan had aksara. Helaian gaya janaan yang sangat besar masih bergantung pada memori dan prestasi peranti, tetapi gaya biasa untuk laman, komponen dan e-mel lazimnya diformat serta-merta.
Adakah pemformatan mengubah cara CSS berfungsi?
Ia hanya mengubah ruang dan baris baharu. Pemilih, pengisytiharan, komen, rentetan dalam tanda petik dan susunannya dikekalkan. Semak hasil sebelum diterbitkan, khususnya jika helaian menggunakan sintaks percubaan atau jujukan lepas yang bergantung pada ruang luar biasa.
Adakah alat ini mengesahkan sifat CSS?
Tidak. Ia memeriksa keseimbangan pendakap, kurungan siku, kurungan biasa, komen dan rentetan. Ia tidak menentukan sama ada setiap sifat, nilai atau ciri khusus pelayar adalah sah. Gunakan pengesah CSS berasaskan piawaian untuk semakan tersebut.
Bolehkah media query dan CSS bersarang diformat?
Ya. Blok dalam peraturan @media, @supports, @container, @layer dan @keyframes diinden mengikut kedalamannya. Pemilih bersarang moden juga diformat tanpa mengubah rentetan atau argumen fungsi.