CSS Validator

เกี่ยวกับเครื่องมือนี้

CSS Validator ตรวจสอบโค้ด CSS สำหรับข้อผิดพลาดทางไวยากรณ์ทั่วไป รวมถึงวงเล็บที่ไม่ตรงกัน เซมิโคลอนที่ขาดหายไป การประกาศที่ไม่ถูกต้อง และชุดกฎว่าง

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

วิธีใช้งาน

1. วางโค้ด CSS ในพื้นที่ป้อนข้อมูล หรือคลิกตัวอย่าง (ถูกต้อง) หรือตัวอย่าง (มีข้อผิดพลาด) เพื่อโหลดตัวอย่าง
2. คลิก ตรวจสอบ เพื่อเรียกใช้การตรวจสอบ
3. ตรวจสอบผลลัพธ์ — ข้อผิดพลาดแสดงเป็นสีแดงพร้อมหมายเลขบรรทัด คำเตือนเป็นสีอำพัน
4. แก้ไขปัญหาใน CSS editor และตรวจสอบใหม่จนกว่าจะไม่มีข้อผิดพลาด

กรณีการใช้งาน

นักพัฒนา front-end debug style ที่ไม่ถูกใช้งานอย่างถูกต้อง นักเรียนที่เรียน CSS ตรวจจับข้อผิดพลาดทางไวยากรณ์ได้เร็วโดยไม่ต้องใช้ DevTools

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

• เครื่องมือนี้ตรวจสอบ CSS property ตาม W3C spec หรือไม่? — ไม่ เครื่องมือนี้ตรวจสอบโครงสร้างไวยากรณ์ (วงเล็บ, เซมิโคลอน, โคลอน)
• ทำไม CSS ที่ถูกต้องของฉันถึงแสดงคำเตือน? — ตัวตรวจสอบใช้ heuristics และอาจแจ้งเตือนกรณีพิเศษ คำเตือนเป็นข้อมูลเท่านั้น
• รองรับตัวแปร CSS และ custom properties หรือไม่? — ใช่ บรรทัดที่มี --variable-name จะถูกรู้จักเป็นการประกาศ custom property
• CSS ของฉันจะถูกส่งไปยังเซิร์ฟเวอร์หรือไม่? — ไม่ การตรวจสอบทำงานในเบราว์เซอร์ของคุณทั้งหมดโดยใช้ JavaScript