การตรวจสอบการรองรับคุณสมบัติ CSS

ใน CSS มีคุณสมบัติที่ค่อนข้างเก่าที่ ได้รับการรองรับในเบราว์เซอร์ทั้งหมด และก็มี คุณสมบัติใหม่ๆ ที่จะได้รับการรองรับ เฉพาะในเบราว์เซอร์รุ่นใหม่ล่าสุดเท่านั้น และก็ยัง ไม่ใช่ทุกเบราว์เซอร์อีกด้วย

เมื่อทำการเว็บดีไซน์ คุณต้องตัดสินใจว่า สามารถใช้คุณสมบัตินั้นๆ ได้หรือยัง สำหรับเรื่องนี้มีกฎพิเศษอยู่: หากการรองรับคุณสมบัติขาดหายไปใน เบราว์เซอร์ที่ผู้ใช้น้อยกว่าหนึ่ง เปอร์เซ็นต์ใช้อยู่ คุณสมบัตินั้นก็สามารถ นำมาใช้ได้

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

เพื่อที่จะตรวจสอบการรองรับคุณสมบัติ โดยเบราว์เซอร์ต่างๆ จำเป็นต้องใช้บริการ caniuse.com บริการนี้ แสดงการรองรับคุณสมบัติในแต่ละเวอร์ชันของ เบราว์เซอร์ทั้งหมด รวมถึงเปอร์เซ็นต์ของผู้ใช้ที่ ใช้แต่ละเวอร์ชันอยู่

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