ตัวจัดรูปแบบ/ย่อ CSS
Click the run button.
อัปเดตล่าสุด: 2026 · เครื่องมือออนไลน์ฟรี
ตัวจัดรูปแบบ/ย่อ CSS คืออะไร?
เครื่องมือจัดรูปแบบและย่อ CSS ออนไลน์ฟรี จัดสไตล์ชีตให้สวยงามด้วยการเยื้องและขึ้นบรรทัดที่สม่ำเสมอ หรือลบช่องว่างและคอมเมนต์เพื่อย่อ CSS และลดขนาดไฟล์สำหรับการใช้งานจริง
วิธีใช้งาน
- 1ป้อน CSS— วางโค้ด CSS ของคุณที่ด้านซ้าย
- 2เลือกโหมด— เลือกโหมดจัดรูปแบบหรือย่อ
- 3ดำเนินการ— คลิกปุ่มดำเนินการ แล้วผลลัพธ์จะถูกแสดง
เครื่องมือที่เกี่ยวข้อง
ตัวจัดรูปแบบ/ย่อ HTMLตัวจัดรูปแบบ HTML ออนไลน์ฟรีที่ทำให้โค้ดรกเป็นระเบียบด้วยการเยื้องและขึ้นบรรทัด (beautify) หรือย่อ (minify) โดยลบช่องว่างเพื่อลดขนาดไฟล์ ในเบราว์เซอร์
ตัวจัดรูปแบบ/ย่อ JavaScriptเครื่องมือออนไลน์ฟรีที่จัดรูปแบบโค้ด JavaScript ด้วยเอนจิน Prettier ให้การเยื้องและสไตล์สม่ำเสมอ หรือย่อโดยลบช่องว่างและคอมเมนต์เพื่อลดขนาดไฟล์ เหมาะสำหรับเขียนและทดสอบ Regex, SQL และจัดรูปแบบโค้ด ประมวลผลในเบราว์เซอร์ โค้ดไม่ถูกส่งขึ้นเซิร์ฟเวอร์ และใช้งานได้ฟรี
ตัวจัดรูปแบบ SQLเครื่องมือจัดรูปแบบ SQL ออนไลน์ฟรีที่จัดระเบียบและเยื้องคำสั่ง เลือกการเยื้อง 2 หรือ 4 ช่องว่าง แปลงคีย์เวิร์ดเป็นตัวพิมพ์ใหญ่ รองรับ MySQL เหมาะสำหรับเขียนและทดสอบ Regex, SQL และจัดรูปแบบโค้ด ประมวลผลในเบราว์เซอร์ โค้ดไม่ถูกส่งขึ้นเซิร์ฟเวอร์ และใช้งานได้ฟรี
คำถามที่พบบ่อย
ปัจจุบันรองรับเฉพาะ CSS บริสุทธิ์เท่านั้น การรองรับ SCSS/LESS มีแผนสำหรับการอัปเดตในอนาคต
ไม่ ทำเฉพาะการจัดรูปแบบและการย่อเท่านั้น ใช้เครื่องมือแยกต่างหากสำหรับ Autoprefixer
ความคิดเห็น ช่องว่าง และการขึ้นบรรทัดใหม่จะถูกลบออกทั้งหมด ทำให้ขนาดไฟล์ลดลง
ไม่ Prettier ทำงานโดยตรงในเบราว์เซอร์
ไม่ เฉพาะโค้ด CSS เท่านั้นที่ถูกจัดรูปแบบ