จัดรูปแบบ CSS

วิธีใช้ จัดรูปแบบ CSS

คลายไฟล์ CSS ที่ย่อขนาดแล้วให้กลายเป็นโค้ดอ่านง่าย ย่อหน้าสม่ำเสมอ ทำได้ในเบราว์เซอร์ของคุณโดยตรง วาง จัดรูป แล้วคัดลอก สไตล์ชีตของคุณไม่หลุดออกจากหน้าเว็บ

1. วางสไตล์ชีตของคุณ — แม้ถูกย่อจนเหลือบรรทัดเดียว — ลงในกล่อง Input CSS; placeholder body{margin:0;padding:0;} แสดงชนิดอินพุตที่รับได้
2. ใต้ Indent: เลือก 2 spaces, 4 spaces, 8 spaces หรือ Tab เพื่อกำหนดความลึกของการย่อหน้า
3. อ่านผลลัพธ์ที่เรียบร้อยในพื้นที่ Formatted CSS โดยแต่ละ selector พร้อมคุณสมบัติและค่าจะขึ้นบรรทัดของตัวเอง
4. ติ๊ก Minify Output เมื่อต้องการตรงข้าม — ไฟล์บรรทัดเดียวที่เล็กที่สุดสำหรับใช้งานจริง
5. เปิด Remove Comments เพื่อตัดคอมเมนต์ /* ... */ ออกจากผลลัพธ์ก่อนเผยแพร่

เครื่องมือนี้จัดรูปแบบใหม่เท่านั้น ไม่ซ่อม CSS ที่เสียหาย ถ้าผลลัพธ์ดูแปลกให้เช็คเซมิโคลอนหรือวงเล็บปีกกาที่หายไป