Webプラットフォーム Baseline 2023

• Baseline: Webプラットフォームの機能が主要ブラウザで利用可能になる準備ができているかを示す基準線。2段階あり（Newlyに入ってから、30か月後に Widely になる）
  • Can I Use サイトにも Baseline が導入され、特定の機能では 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 イベントが発生しない、フォーカスを受け取れない、アクセシビリティツリーから除外される）
• CSS Grid レイアウトで Subgrid をサポート
• 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, including the change that adds relaxed parsing.
  • CSS :dir() pseudo-class selector
  • CSS cap length unit
  • CSS masking
  • Media query support for HTML video <source> elements
  • The HTML <search> element
  • Lazy loading of <iframe> elements (Firefox 121 で 12月19日に導入)
  • The lh and rlh CSS line-height units

[kyc1682]

CSSに素晴らしい機能がたくさん追加されてうれしいです