วิธีใช้งาน
- วาง CSS, SCSS หรือ Less ของคุณ
- เลือกภาษาและการเยื้อง
- คลิกปุ่มจัดรูปแบบ หรือกด Ctrl+Enter (⌘+Enter บน Mac)
- คัดลอกสไตล์ชีตที่จัดรูปแบบแล้ว
คำอธิบายตัวเลือก
- ภาษา
- CSS, SCSS หรือ Less เลือกภาษาให้ถูกต้องเพื่อให้ตีความตัวแปร ($gap, @gap) และกฎที่ซ้อนกันได้ถูกต้อง
- การเยื้องและความกว้างบรรทัด
- การเยื้องสำหรับกฎและการประกาศที่ซ้อนกัน พร้อมความกว้างที่กำหนดให้รายการ selector และค่าที่ยาวตัดขึ้นบรรทัดใหม่
ตัวอย่าง
CSS ของเฟรมเวิร์กที่ถูกย่อ วางไฟล์ .min.css ที่อยู่ในบรรทัดเดียวเพื่ออ่านกฎทีละรายการ
จัดระเบียบ SCSS วาง SCSS ที่มีกฎซ้อนกันและการเยื้องปะปนกัน เพื่อให้การซ้อนกันใช้การเยื้อง 2 ช่องว่างอย่างสม่ำเสมอ
คำถามที่พบบ่อย
การจัดรูปแบบเปลี่ยนอะไรบ้าง?
จะแยกการประกาศแต่ละรายการไว้คนละบรรทัด ปรับระยะห่างรอบโคลอนและวงเล็บปีกกาให้เป็นมาตรฐาน เปลี่ยนตัวอักษรในสี hex เป็นตัวพิมพ์เล็ก และรวมชุดบรรทัดว่างให้เหลือหนึ่งบรรทัด ลำดับ property และค่าไม่เปลี่ยนแปลง
ฉันสามารถจัด CSS ที่ย่อจากเว็บไซต์ให้กลับมาอ่านง่ายได้ไหม?
ได้ วางไฟล์ที่ถูกย่อแล้วคลิกปุ่มจัดรูปแบบ คอมเมนต์ที่เครื่องมือย่อขนาดลบไปแล้วจะกู้คืนไม่ได้
โค้ดของฉันถูกอัปโหลดหรือไม่?
ไม่ การจัดรูปแบบทำงานในเบราว์เซอร์ของคุณ
ความเป็นส่วนตัว
เครื่องมือนี้ทำงานในเบราว์เซอร์ของคุณทั้งหมด ไฟล์และข้อความของคุณได้รับการประมวลผลบนอุปกรณ์ของคุณ และจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ของเรา