จัดรูปแบบ CSS ออนไลน์

คุณสมบัติของเครื่องมือจัดรูปแบบ CSS

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

ตัวอย่างการจัดรูปแบบ

ป้อน body{color:red;margin:0;} แล้วเลือกโหมดจัดรูปแบบ จะได้ผลลัพธ์เป็นหลายบรรทัดตามระดับบล็อก:

body {
  color: red;
  margin: 0;
}

โหมดย่อขนาด

โหมดย่อขนาดจะลบความคิดเห็นแบบบล็อก ลดช่องว่างรอบวงเล็บปีกกา เครื่องหมายโคลอน อัฒภาค และเครื่องหมายจุลภาค และลบอัฒภาคก่อนวงเล็บปีกกาปิด ตัวอย่างเช่น body { color: red; margin: 0; } จะกลายเป็น body{color:red;margin:0}

ข้อจำกัด

เครื่องมือนี้เป็นตัวจัดรูปแบบข้อความ ไม่ใช่ตัวแยกวิเคราะห์ CSS เต็มรูปแบบ ค่าที่ซับซ้อน เช่น สตริง, ค่าคุณสมบัติที่กำหนดเอง, data URL หรือความคิดเห็นที่ใช้เป็นคำสั่ง อาจมีเครื่องหมายวรรคตอนที่มีความหมาย ดังนั้นควรตรวจสอบผลลัพธ์ในเบราว์เซอร์หรือไปป์ไลน์บิลด์

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

เครื่องมือนี้รองรับการจัดรูปแบบ CSS ที่ไม่ถูกต้องหรือไม่?

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

การย่อขนาดจะเปลี่ยนความหมายของ CSS หรือไม่?

ในกรณีทั่วไปไม่เปลี่ยน แต่สำหรับกรณีขอบ เช่น ค่าในสตริงหรือ data URL อาจมีปัญหา ควรทดสอบในเบราว์เซอร์

มีข้อจำกัดขนาดไฟล์หรือไม่?

ช่องป้อนข้อมูลจำกัดที่ 500,000 ตัวอักษร หากเกินจะไม่สามารถประมวลผลได้

รายการตรวจสอบก่อนใช้งาน

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