Baru menggunakan platform web pada bulan Desember

Temukan beberapa fitur menarik yang telah hadir di versi stabil dan beta browser web selama Desember 2023.

Rilis browser stabil

Pada Desember 2023, Firefox 121, Chrome 120, dan Safari 17.2 menjadi versi stabil. Postingan ini membahas apa arti perubahan tersebut bagi platform web.

Penguraian santai untuk CSS Nesting

Chrome 120 dan Safari 17.2 menyertakan penguraian santai untuk CSS Nesting. Karena ini telah didukung di Firefox dari versi 117, ini berarti bahwa semua mesin utama mendukung perubahan sintaksis ini.

Akordeon eksklusif dengan elemen <details>

Chrome 120 dan Safari 17.2 menyertakan dukungan untuk atribut name untuk elemen <details>. Ini berarti Anda dapat membuat komponen akordeon eksklusif dengan mengelompokkan sejumlah elemen <details>.

Pelajari lebih lanjut dalam akordeon eksklusif.

Dukungan Browser

  • 120
  • 120
  • x
  • 17,2

Pemilih :has()

Firefox 121 menyertakan pemilih :has() CSS. Rilis ini membuat :has() memiliki interoperabilitas di semua mesin utama.

Cari tahu lebih lanjut di :has(): pemilih keluarga.

Dukungan Browser

  • 105
  • 105
  • 121
  • 15,4

Sumber

CSS Custom Highlight API

Safari 17.2 mencakup CSS Custom Highlight API yang memungkinkan Anda membuat dan menata gaya rentang teks, memperluas pseudo-class sorotan standar seperti ::selection.

Dukungan Browser

  • 105
  • 105
  • 17,2

Sumber

CloseWatcher API

Chrome 120 menyertakan CloseWatcher API, yaitu API baru untuk memproses dan merespons permintaan tutup. Permintaan ini dipicu oleh tombol ESC di desktop dan gestur atau tombol kembali di Android, dan bisa sulit untuk diterapkan dengan baik.

Selain API, Chrome 120 mengupgrade atribut <dialog> dan popover untuk merespons tombol kembali Android.

Dukungan Browser

  • 126
  • 126
  • x
  • x

text-wrap: balance dan stable CSS

Firefox 121 menyertakan nilai balance dan stable untuk text-wrap. Nilai balance berguna untuk blok konten pendek seperti judul, membuat teks yang lebih menyenangkan dan mudah dibaca. Nilai stable mencegah konten yang dapat diedit agar tidak muncul kembali saat diedit.

Pelajari lebih lanjut tentang text-wrap: balance.

text-wrap: balance

Dukungan Browser

  • 114
  • 114
  • 121
  • 17,5

Sumber

text-wrap: stable

Dukungan Browser

  • x
  • x
  • 121
  • 17,5

Sumber

Pemuatan lambat dari <iframe> elemen

Firefox 121 mendukung atribut loading pada elemen <iframe>. Artinya, pemuatan lambat iframe kini didukung di semua mesin utama.

Dukungan Browser

  • 77
  • 79
  • 121
  • 16,4

Dukungan untuk fungsi easing linear()

Safari 17.2 juga menyertakan dukungan untuk fungsi easing linear(), yang dapat digunakan untuk membuat efek pegas dan pantulan.

Dukungan Browser

  • 113
  • 113
  • 112
  • 17,2

Rilis browser beta

Versi browser beta memberi Anda pratinjau tentang hal-hal yang akan ada versi stabil dari browser. Ini adalah saat yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum dunia mendapatkan rilis tersebut. Baru beta adalah Firefox 122, Chrome 121, dan Safari 17.3. Rilis ini menghadirkan banyak fitur hebat ke platform. Lihat rilisnya catatan untuk semua detail. Berikut adalah beberapa sorotan.

Firefox 122 dan Chrome 121 menyertakan metode showPicker() untuk HTMLSelectElement. Ini menunjukkan pemilih yang sama yang akan ditampilkan saat elemen dipilih, tetapi dapat dipicu dari penekanan tombol atau interaksi pengguna lainnya.

Chrome 121 menyertakan properti gaya visual scrollbar scrollbar-color dan scrollbar-width, bersamaan dengan peningkatan penyamaran CSS untuk SVG, dan sorot elemen semu untuk teks yang salah eja atau salah secara tata bahasa.