Baseline 2023 của nền tảng web

• Baseline: đường cơ sở cho biết một tính năng của nền tảng web đã sẵn sàng để sử dụng trên các trình duyệt chính hay chưa. Có 2 giai đoạn (vào Newly rồi sau 30 tháng sẽ trở thành Widely)
  • Giờ đây Baseline cũng đã được áp dụng trên trang Can I Use, nên ở một số tính năng sẽ hiển thị huy hiệu Newly/Widly
• Truy vấn vùng chứa theo kích thước phần tử (Size Container Query)
• Các không gian màu và hàm mới: có thể truy cập các màu nằm ngoài dải màu sRGB, lch()/lab()/oklch()/oklab(), color-mix(), color()
• Compression Streams API
• Offscreen Canvas: được render tách khỏi DOM. Cải thiện tốc độ và có thể hỗ trợ WebWorker
• Hỗ trợ Module Preload
• Các hàm lượng giác được đưa vào Baseline: sin(), cos(), tan(), asin(), acos(), atan(), atan2()
• Thuộc tính inert: khi đặt sẽ khiến phần tử không thể hoạt động, nên không thể tương tác (không phát sinh sự kiện click, không nhận focus, bị loại khỏi cây trợ năng)
• Hỗ trợ Subgrid trong bố cục CSS Grid
• NumberFormat V3
• Fullscreen API
• Bộ chọn CSS :has()
• Các tính năng khác được thêm vào Baseline trong năm nay
  • Constructable Stylesheets
  • Complex nth-child selectors in CSS
  • Cú pháp range cho media queries
  • Import Maps
  • Nhiều giá trị cho thuộc tính CSS display
  • @counter-style
  • Thuộc tính CSS counter-set
  • Hàm easing linear()
  • Origin Private File System (OPFS)
  • CSS Nesting, bao gồm thay đổi bổ sung cú pháp phân tích nới lỏng.
  • Bộ chọn lớp giả CSS :dir()
  • Đơn vị độ dài CSS cap
  • CSS masking
  • Hỗ trợ media query cho phần tử HTML video <source>
  • Phần tử HTML <search>
  • Tải lười các phần tử <iframe> (được đưa vào Firefox 121 ngày 19 tháng 12)
  • Các đơn vị line-height CSS lh và rlh

[kyc1682]

Mình rất vui vì CSS đã được bổ sung nhiều tính năng tuyệt vời.