- 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
2 ความคิดเห็น
ดีใจที่มีการเพิ่มฟีเจอร์เจ๋ง ๆ เข้ามาใน CSS มากมาย