ตัวจัดรูปแบบและทำให้ CSS อ่านง่าย

วิธีใช้เครื่องมือนี้

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.

ตัวจัดรูปแบบและทำให้ CSS อ่านง่ายคืออะไร?

กรณีการใช้งานทั่วไป

• 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.

คำถามที่พบบ่อย