เว็บแพลตฟอร์ม Baseline 2023

• Baseline: เส้นฐานที่บอกว่าฟีเจอร์ของเว็บแพลตฟอร์มพร้อมใช้งานในเบราว์เซอร์หลักแล้วหรือไม่ มี 2 ระดับ (เริ่มจาก Newly แล้วหลัง 30 เดือนจะกลายเป็น Widely)
  • ตอนนี้มีการนำ Baseline มาใช้ในเว็บไซต์ Can I Use ด้วย ทำให้ในฟีเจอร์บางรายการจะเห็นป้าย Newly/Widely
• Element Size Container Query
• ปริภูมิสีและฟังก์ชันใหม่: สามารถเข้าถึงสีที่อยู่นอกขอบเขตสี sRGB ได้, lch()/lab()/oklch()/oklab(), color-mix(), color()
• Compression Streams API
• Offscreen Canvas: เรนเดอร์แยกจาก DOM ทำให้เร็วขึ้นและรองรับ WebWorker
• รองรับ Module Preload
• ฟังก์ชันตรีโกณมิติถูกรวมเข้า Baseline: sin(), cos(), tan(), asin(), acos(), atan(), atan2()
• แอตทริบิวต์ inert: เมื่อตั้งค่าแล้วจะไม่สามารถโต้ตอบได้ (ไม่เกิดอีเวนต์ click, รับโฟกัสไม่ได้, ถูกตัดออกจาก accessibility tree)
• รองรับ Subgrid ในเลย์เอาต์ CSS Grid
• NumberFormat V3
• Fullscreen API
• ตัวเลือก CSS :has()
• ฟีเจอร์อื่น ๆ ที่ถูกเพิ่มเข้า Baseline ในปีนี้
  • Constructable Stylesheets
  • Complex nth-child selectors in CSS
  • The range syntax for media queries
  • Import Maps
  • Multiple values for CSS display
  • @counter-style
  • The counter-set CSS property
  • The linear() easing function
  • Origin Private File System (OPFS)
  • CSS Nesting รวมถึงการเปลี่ยนแปลงที่เพิ่ม relaxed parsing
  • ตัวเลือก pseudo-class CSS :dir()
  • หน่วยความยาว cap ของ CSS
  • CSS masking
  • รองรับ media query สำหรับองค์ประกอบ HTML video <source>
  • องค์ประกอบ HTML <search>
  • การโหลดแบบ lazy ขององค์ประกอบ <iframe> (จะเพิ่มใน Firefox 121 วันที่ 19 ธันวาคม)
  • หน่วย line-height ของ CSS คือ lh และ rlh

[kyc1682]

ดีใจที่มีการเพิ่มฟีเจอร์เจ๋ง ๆ เข้ามาใน CSS มากมาย