RevealTheme logo

Pemformat dan Perapi CSS

Format CSS yang diminifikasi dengan indentasi, jeda baris, dan spasi yang tepat.

Cara menggunakan alat ini

  1. 1

    Paste your minified or unformatted CSS into the text box.

  2. 2

    Read the formatted result that appears instantly in the output panel below.

  3. 3

    Select the output text and copy it (Ctrl/Cmd+C) into your stylesheet or editor.

  4. 4

    Tweak the input and the output re-formats live as you type.

Apa itu Pemformat dan Perapi CSS?

CSS yang diminifikasi adalah satu baris dengan semua spasi kosong dihapus. Alat ini memulihkan keterbacaan: setiap properti pada barisnya sendiri, dengan indentasi di dalam kurung kurawal dan satu baris kosong di antara aturan. Hasilnya secara fungsional identik, hanya lebih mudah dibaca atau diedit.

Kasus penggunaan umum

  • Un-minifying a production .css file you pulled from a CDN so you can read what a rule actually does.

  • Cleaning up CSS that was pasted as a single line out of browser DevTools or a build artifact.

  • Tidying inconsistent indentation in a hand-edited stylesheet before committing it to version control.

  • Making a vendor or third-party widget stylesheet legible enough to override specific properties.

  • Preparing a readable CSS snippet to paste into a blog post, tutorial, or Stack Overflow answer.

  • Quickly inspecting the structure of an unfamiliar stylesheet to find where a selector is defined.

Pertanyaan yang sering diajukan

Apakah komentar dipertahankan?
Komentar blok (/* ... */) dipertahankan secara harfiah di lokasi aslinya.

Alat terkait