Langkau ke kandungan
ToolMug

Pemformat CSS

Tukar CSS yang telah dimampatkan atau bersepah kepada helaian gaya yang mudah dibaca dengan inden yang konsisten. SCSS dan Less juga disokong, termasuk penyarangan, pemboleh ubah dan mixin.

Berjalan dalam pelayar anda — apa yang anda masukkan tidak dimuat naik

Cara menggunakan

  1. Tampal CSS, SCSS atau Less anda.
  2. Pilih bahasa dan inden.
  3. Klik Format, atau tekan Ctrl+Enter (⌘+Enter pada Mac).
  4. Salin helaian gaya yang telah diformat.

Penerangan pilihan

Bahasa
CSS, SCSS atau Less. Pilih yang betul supaya pemboleh ubah ($gap, @gap) dan peraturan bersarang difahami.
Inden dan lebar baris
Inden untuk peraturan bersarang dan deklarasi, serta lebar di mana senarai pemilih dan nilai yang panjang dibalut ke baris baharu.

Contoh

CSS rangka kerja yang dimampatkan. Tampal fail .min.css satu baris untuk membaca peraturan satu per satu.

Kemaskan SCSS. Tampal SCSS bersarang dengan inden bercampur dan dapatkan penyarangan dua ruang yang konsisten.

Soalan lazim

Apakah yang diubah oleh pemformatan?

Ia meletakkan setiap deklarasi pada barisnya sendiri, menyeragamkan jarak di sekitar titik bertindih dan kurungan kerinting, menukar warna hex kepada huruf kecil dan menggabungkan baris kosong berturut-turut menjadi satu. Susunan sifat dan nilai tidak diubah.

Bolehkah saya nyahmampat CSS daripada laman web?

Ya. Tampal fail yang dimampatkan dan klik Format. Komen yang telah dibuang oleh pemampat tidak dapat dipulihkan.

Adakah kod saya dimuat naik?

Tidak. Pemformatan dijalankan dalam pelayar anda.

Privasi

Alat ini berjalan sepenuhnya dalam pelayar anda. Fail dan teks anda diproses pada peranti anda dan tidak pernah dimuat naik ke pelayan kami.

Alat berkaitan