ตัวจัดรูปแบบ/ย่อ CSS
จัดรูปแบบ CSS ให้อ่านง่ายด้วยการเยื้องและขึ้นบรรทัดสม่ำเสมอ หรือย่อขนาดด้วยการลบช่องว่างและคอมเมนต์เพื่อลดขนาดไฟล์ ใช้ฟรีในเบราว์เซอร์
คลิกปุ่มเรียกใช้
ฝัง
อัปเดตล่าสุด: 2026 · เครื่องมือออนไลน์ฟรี
ตัวจัดรูปแบบ/ย่อ CSS คืออะไร?
จัดรูปแบบ CSS ให้อ่านง่ายด้วยการเยื้องและขึ้นบรรทัดสม่ำเสมอ หรือย่อขนาดด้วยการลบช่องว่างและคอมเมนต์เพื่อลดขนาดไฟล์ ใช้ฟรีในเบราว์เซอร์
วิธีใช้งาน
- 1ป้อน CSS— วางโค้ด CSS ของคุณที่ด้านซ้าย
- 2เลือกโหมด— เลือกโหมดจัดรูปแบบหรือย่อ
- 3ดำเนินการ— คลิกปุ่มดำเนินการ แล้วผลลัพธ์จะถูกแสดง
เครื่องมือที่เกี่ยวข้อง
ตัวจัดรูปแบบ/ย่อ HTMLตัวจัดรูปแบบ HTML ออนไลน์ฟรีที่ทำให้โค้ดรกเป็นระเบียบด้วยการเยื้องและขึ้นบรรทัด (beautify) หรือย่อ (minify) โดยลบช่องว่างเพื่อลดขนาดไฟล์ ในเบราว์เซอร์
ตัวจัดรูปแบบ/ย่อ JavaScriptจัดรูปแบบโค้ด JavaScript ด้วยเอนจิน Prettier ให้การเยื้องและสไตล์สม่ำเสมอ หรือย่อขนาดด้วยการลบช่องว่างและคอมเมนต์ ใช้ฟรีในเบราว์เซอร์
ตัวจัดรูปแบบ SQLจัดรูปแบบคำสั่ง SQL ให้อ่านง่ายพร้อมการเยื้อง เลือกเยื้อง 2 หรือ 4 ช่อง ทำคีย์เวิร์ดอย่าง SELECT และ FROM เป็นตัวพิมพ์ใหญ่ รองรับ MySQL และ PostgreSQL
อ้างอิงหน่วย CSSคู่มืออ้างอิงหน่วย CSS px, em, rem, %, vw, vh, vmin, vmax และ ch จัดตามหมวด พร้อมอธิบายว่าควรใช้หน่วยสัมบูรณ์และสัมพัทธ์เมื่อใด ใช้ฟรี
คำถามที่พบบ่อย
ปัจจุบันรองรับเฉพาะ CSS บริสุทธิ์เท่านั้น การรองรับ SCSS/LESS มีแผนสำหรับการอัปเดตในอนาคต
ไม่ ทำเฉพาะการจัดรูปแบบและการย่อเท่านั้น ใช้เครื่องมือแยกต่างหากสำหรับ Autoprefixer
ความคิดเห็น ช่องว่าง และการขึ้นบรรทัดใหม่จะถูกลบออกทั้งหมด ทำให้ขนาดไฟล์ลดลง
ไม่ Prettier ทำงานโดยตรงในเบราว์เซอร์
ไม่ เฉพาะโค้ด CSS เท่านั้นที่ถูกจัดรูปแบบ