Temukan beberapa fitur menarik yang telah tersedia di browser web stabil dan beta selama Desember 2023.
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.
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
.
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
text-wrap: stable
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.