CSS 3

วิธีทดสอบ CSS Shape ด้วย Modernizr

เรื่องที่เกี่ยวข้อง - CSS 3, CSS Shape, Modernizr

น่ายินดีจริงๆ ที่ CSS Shape จะกลายเป็นอีกความสามารถหนึ่งที่แพร่หลาย และได้รับการใช้งานมากขึ้น เมื่อ Modernizr ตัว Javascript ทดสอบความสามารถของ Web Browser ชื่อดัง ได้นำ CSS Shape เข้าไปรวมเป็นส่วนหนึ่งของตัวเองแล้ว

CSS Shape และ Modernizr

สำหรับ Modernizr ที่รองรับการทดสอบ CSS Shape คือเวอร์ชั่น 2.8.1 ขึ้นไปครับ

โดยวิธีใช้ Modernizr ตรวจสอบว่าตัว Web Browser ที่เปิด web page ของเราอยู่ สนับสนุน CSS Shape หรือไม่ ทำแบบนี้

จะสังเกตว่า Modernizr.shapes จะเป็นส่วนที่เราใช้ใน javascript ครับ และเรายังสามารถใช้ CSS Class ที่ชื่อว่า shapes ใน stylesheet ของเราได้ด้วย

 

 

เรียนรู้วิธีใช้ Modernizr เพิ่มเติม

สำหรับผู้เริ่มต้น และต้องการศึกษาวิธีใช้เพิ่มเติม ดูหน้า “เรียนรู้วิธีใช้ Modernizr” และฝาก Email ไว้ที่นี่เพื่อให้ผมอัพเดตข้อมูลให้เรื่อยๆ นะครับ

ที่มา Adobe Web Platform Team Blog

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

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

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save