Baru menggunakan platform web pada bulan Desember

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

Rachel Andrew

Rilis browser stabil

Pada Desember 2023, Firefox 121, Chrome 120, dan Safari 17.2 menjadi stabil. Postingan ini membahas apa artinya itu bagi platform web.

Penguraian longgar untuk CSS Nesting

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

Akordeon eksklusif dengan elemen <details>

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

Pelajari lebih lanjut di akordeon eksklusif.

Dukungan Browser

  • 120
  • 120
  • x
  • 17,2

Pemilih :has()

Firefox 121 menyertakan pemilih :has() CSS. Rilis ini membuat :has() dapat dioperasikan bersama di semua mesin utama.

Cari tahu selengkapnya di :has(): pemilih keluarga.

Dukungan Browser

  • 105
  • 105
  • 121
  • 15,4

Sumber

API Sorotan Kustom CSS

Safari 17.2 menyertakan CSS Custom Highlight API yang memungkinkan Anda membuat dan menata gaya rentang teks, sehingga 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 mungkin sulit diterapkan dengan baik.

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

Dukungan Browser

  • 120
  • 120
  • x
  • x

CSS text-wrap: balance dan stable

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

Pelajari lebih lanjut tentang text-wrap: balance.

text-wrap: balance

Dukungan Browser

  • 114
  • 114
  • 121

Sumber

text-wrap: stable

Dukungan Browser

  • x
  • x
  • 121

Sumber

Pemuatan lambat untuk <iframe> elemen

Firefox 121 mendukung atribut loading pada elemen <iframe>. Ini berarti bahwa 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 pantulan dan pegas.

Dukungan Browser

  • 113
  • 113
  • 112
  • 17,2

Rilis browser beta

Versi browser beta memberi Anda pratinjau berbagai hal yang akan disertakan dalam browser versi stabil berikutnya. Ini adalah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum rilis tersebut dipublikasikan. Versi beta yang baru adalah Firefox 122, Chrome 121, dan Safari 17.3. Rilis ini menghadirkan banyak fitur hebat ke platform ini. Lihat catatan rilis untuk semua detailnya. Berikut beberapa sorotan.

Firefox 122 dan Chrome 121 menyertakan metode showPicker() untuk HTMLSelectElement. Contoh ini menunjukkan alat pilih 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, beserta masking CSS yang ditingkatkan untuk SVG, dan menandai elemen pseudo untuk teks yang salah eja atau salah secara tata bahasa.