Lewati ke konten
Toolars
Jelajahi
Laporkan bug

Pengembang · utilitas Lokal

Pemformat CSS

CSS Formatter

Ubah CSS terminifikasi menjadi aturan terbaca dengan indentasi 2 atau 4 spasi; parser ketat menolak sintaks rusak dengan posisi persisnya, semuanya lokal.

Jalur tugas / dari masukan ke hasil

Tempel CSS Anda

Berjalan lokal · Tidak ada yang diunggah

Cara kerja Pemformat CSS, privasi, dan alat terkait

Jalur tugas / dari masukan ke hasil

Cara memformat CSS

  1. 01

    Tempel CSS Anda

    Tempel sumber hingga 256 KiB UTF-8. Pilih dua atau empat spasi untuk pemformatan.

  2. 02

    Pilih indentasi

    Pilih 2 atau 4 spasi. Contoh sudah dimuat; pengaturan baru berlaku setelah menekan Format.

  3. 03

    Format dengan parser sungguhan

    Tekan Format. Prettier membaca dan mencetak ulang CSS dengan indentasi pilihan dan lebar baris 100 kolom; periksa pada halaman tujuan.

  4. 04

    Tinjau hasil dan statistiknya

    Bandingkan byte UTF-8 masukan dan keluaran serta persentase penghematan. Nilai negatif berarti hasil membesar; periksa sebelum menyalin atau mengunduh.

  5. 05

    Salin atau unduh hasilnya

    Gunakan Salin hasil untuk papan klip atau Unduh untuk menyimpan stylesheet sebagai toolars.css. Saat stylesheet berikutnya menunggu, Atur ulang mengosongkan masukan, keluaran, dan opsi dalam satu langkah.

Fakta alat

Pemrosesan
Di browser Anda
Input meninggalkan perangkat
Tidak pernah
Retensi
Tidak ada yang disimpan
Harga
Gratis

Masukan Anda tetap di peramban.

Pemformat CSS menggunakan jalur eksekusi lokal terverifikasinya dan tidak membuat riwayat masukan atau keluaran tersembunyi.

Eksekusi lokal

Berjalan di dalam tab peramban saat ini.

Tanpa pemrosesan tersembunyi

Data alat aktif tidak pernah menjadi catatan dokumen Toolars.

Tanpa perlu akun

Gunakan alur kerja inti tanpa membuat profil. Favorit disinkronkan ke akun Anda setelah masuk.

Atur ulang seketika

Bersihkan tab dan data kerja aktif pun hilang.

Kapan Pemformat CSS berguna

Tinjauan kode

Buat kode sumber lebih mudah diperiksa sebelum membagikannya kepada pengembang lain.

Artefak build

Buat HTML, CSS, atau JavaScript yang ringkas tanpa mengeksekusi kode sumbernya.

Cuplikan siap salin

Format contoh yang terfokus dan pindahkan langsung ke dokumentasi atau editor.

Apa yang sebenarnya dilakukan Pemformat CSS

Stylesheet yang dipadatkan perlu selisih yang mudah ditinjau. Tempel, pilih 2 atau 4 spasi, format, lalu periksa selektor dan urutan aturan cadangan di halaman tujuan. Hitungan byte tidak membuktikan bahwa hanya spasi yang berubah.

Pertanyaan umum

Berapa batas ukurannya?
Masukan dibatasi 256 KiB dan keluaran 512 KiB. Worker lokal memiliki batas lima detik terpisah untuk mulai dan berjalan; mengedit sumber atau memilih Batal menghentikannya.
Apakah pemformatan mengubah cara kerja CSS saya?
Pemformatan merapikan teks, bukan menguji tata letak atau dukungan peramban. Periksa selektor, properti kustom, dan kaskade di halaman tujuan; simpan sumber sebagai pembanding.
Mengapa CSS saya ditolak?
Ini parser, bukan perapian teks: sintaks yang rusak seperti kurung kurawal yang tidak ditutup atau karakter liar menghentikan proses, dan baris status menyebut baris serta kolom masalahnya. Masukan yang tidak valid tidak menghasilkan keluaran apa pun, jadi stylesheet yang parsial atau hasil tebakan tidak pernah sampai ke papan klip Anda secara tidak sengaja.
Bisakah saya memakai tab atau indentasi delapan spasi?
Tidak. Ukuran indentasi hanya menawarkan 2 spasi dan 4 spasi, dua konvensi yang sudah diikuti kebanyakan stylesheet. Jika proyek Anda memakai lebar lain, formatlah di sini dengan opsi yang paling dekat dan biarkan pemformat di editor Anda menormalkan selisihnya.
Apa yang disampaikan baris statistik?
Baris ini menampilkan byte UTF-8 sebelum dan sesudah transformasi serta selisihnya. Pemformatan bisa menambah ukuran; angka ini tidak membuktikan validitas atau kesamaan tampilan.
Apakah stylesheet saya diunggah ke suatu tempat?
Tidak. Sumber diurai dalam Worker lokal, tidak dijalankan, diunggah atau disimpan. Lolos parser bukan bukti aplikasi benar atau kompatibel.

Lanjutkan di Pengembang

Tugas terkait, bukan jalan buntu.

Pindah ke ruang kerja terfokus lainnya tanpa kembali ke indeks lengkap.

Kode ke Gambar

Code to Image Converter

Ekspor kode JavaScript, TypeScript, HTML, CSS, JSON, atau Bash berwarna sintaks sebagai SVG atau PNG dengan tema, nomor baris, dan judul jendela pilihan.

Buat

Generator Slug URL

URL Slug Generator

Ubah judul menjadi slug URL huruf kecil: aksen dihilangkan, & menjadi and, pemisah tanda hubung atau garis bawah; aksara non-Latin tetap utuh.

Buat

Generator Bayangan React Native

React Native Shadow Generator

Setel bayangan iOS dan elevation Android sambil membandingkan pratinjau langsung, lalu salin cuplikan StyleSheet TypeScript, termasuk mode boxShadow baru.

Buat

Enkode/Dekode Base64

Base64 Encoder/Decoder

Enkode atau dekode Base64 dengan opsi UTF-8, URL-safe, dan baris baru, divalidasi langsung di peramban — tombol Tukar memudahkan pemeriksaan pulang-pergi.

Konversi