Baseline 2023 untuk platform web

• Baseline: tolok ukur yang menunjukkan apakah fitur platform web sudah siap digunakan di browser utama. Terdiri dari 2 tahap (masuk ke Newly, lalu setelah 30 bulan menjadi Widely)
  • Kini Baseline juga diadopsi di situs Can I Use, sehingga pada fitur tertentu akan ditampilkan lencana Newly/Widely
• Element Size Container Query
• Ruang warna dan fungsi baru: memungkinkan akses ke warna di luar gamut sRGB, lch()/lab()/oklch()/oklab(), color-mix(), color()
• Compression Streams API
• Offscreen Canvas: dirender terpisah dari DOM. Meningkatkan kecepatan dan memungkinkan dukungan WebWorker
• Dukungan Module Preload
• Fungsi trigonometri masuk ke Baseline: sin(), cos(), tan(), asin(), acos(), atan(), atan2()
• Atribut inert: saat disetel, elemen menjadi tidak dapat berinteraksi (tidak memicu event click, tidak bisa menerima fokus, dikecualikan dari accessibility tree)
• Dukungan Subgrid di layout CSS Grid
• NumberFormat V3
• Fullscreen API
• Selektor CSS :has()
• Fitur lain yang ditambahkan ke Baseline tahun ini
  • Constructable Stylesheets
  • Complex nth-child selectors in CSS
  • The range syntax for media queries
  • Import Maps
  • Multiple values for CSS display
  • @counter-style
  • Properti CSS counter-set
  • Fungsi easing linear()
  • Origin Private File System (OPFS)
  • CSS Nesting, termasuk perubahan yang menambahkan relaxed parsing.
  • Selektor pseudo-class CSS :dir()
  • Satuan panjang cap di CSS
  • CSS masking
  • Dukungan media query untuk elemen HTML video <source>
  • Elemen HTML <search>
  • Lazy loading elemen <iframe> (hadir di Firefox 121 pada 19 Desember)
  • Satuan line-height CSS lh dan rlh

[kyc1682]

Saya senang karena banyak fitur keren telah ditambahkan ke CSS.