Bulan September 2026 menandai peluncuran perdana siklus rilis dua mingguan untuk Chrome dan Firefox, menghadirkan Chrome 153, Chrome 154, Firefox 155, Firefox 156, Firefox 157, serta Safari 27 ke kanal stabil. Sejumlah kapabilitas platform web resmi mencapai status Baseline Newly available, memperluas interoperabilitas fitur CSS, JavaScript, hingga API media lintas peramban.
Artikel yang ditulis oleh Rachel Andrew dan diterbitkan pada 2 Oktober 2026 ini memaparkan fitur-fitur baru pada peramban stabil dan beta. Data kompatibilitas peramban yang disertakan ditarik langsung dari MDN dan mungkin belum diperbarui untuk rilis peramban yang sangat baru, namun informasi yang tepat akan segera ditampilkan begitu pembaruan data browser-compat-data dirilis. Sejumlah besar fitur pada periode ini secara resmi meraih status ketersediaan Baseline Newly available.
Pembaruan Fitur Matematika dan Warna CSS
Fungsi matematika CSS progress() resmi mencapai Baseline Newly available setelah Firefox 155 menambahkan dukungannya. Fungsi ini mengembalikan nilai angka yang merepresentasikan posisi dari suatu kalkulasi di antara nilai awal dan nilai akhir. Lazimnya, hasil kalkulasi ini dibatasi atau diklem di antara rentang 0 dan 1, menjadikannya bermanfaat untuk mengatur ukuran yang dinamis, opasitas, maupun warna berdasarkan dimensi kontainer atau area pandang layar. Baik Firefox 155 maupun Safari 27 turut menyertakan dukungan untuk opsi kata kunci no-clamp, yang memungkinkan nilai kembalian progress melampaui batas di bawah 0 atau di atas 1, seperti pada aturan kelas CSS card dengan nilai opasitas progress(100vw, 320px, 1200px).
Fungsi warna relatif alpha() dari modul CSS Color 5 kini berstatus Baseline Newly available menyusul ketersediaan di Chrome 151 serta penambahan dukungan dari Firefox 155 dan Safari 27. Fungsi alpha() menerima warna asal dan menghasilkan warna tersebut dengan saluran transparansi yang disesuaikan sambil tetap mempertahankan saluran warna asli serta ruang warnanya, seperti contoh penggunaan pengubahan warna latar belakang kelas overlay menggunakan alpha(var(--brand-color) / 50%). Sementara itu, kata kunci tingkat CSS revert-rule juga meraih Baseline Newly available berkat penambahan dukungan di Safari 27 yang melengkapi Chrome dan Firefox. Kata kunci revert-rule membatalkan nilai suatu properti kembali ke kondisi seandainya aturan gaya yang bersangkutan tidak ada, berbeda dengan revert yang mengembalikan kaskade ke asal pengguna atau agen pengguna, maupun revert-layer yang membatalkan nilai ke lapisan kaskade sebelumnya.
Ekspansi Fungsi Gambar dan Tipografi CSS
Penggunaan nilai gambar di dalam fungsi CSS light-dark() kini berstatus Baseline Newly available setelah Safari 27 menyusul Chrome dan Firefox. Fitur ini memperluas fungsi light-dark() yang sebelumnya hanya terbatas pada nilai warna, sehingga kini dapat beralih di antara dua sumber gambar, seperti gambar url() atau gradien CSS, bergantung pada skema warna light atau dark yang aktif. Bersamaan dengan itu, penjangkaran gulir atau scroll anchoring turut berstatus Baseline Newly available setelah Safari 27 mengaktifkannya dan mendukung properti CSS overflow-anchor mengikuti Chrome dan Firefox. Fitur penjangkaran gulir ini secara otomatis menyesuaikan posisi gulir ketika perubahan DOM di atas area pandang visual berpotensi memicu lonjakan konten saat pengguna membaca atau berinteraksi, serta menyediakan nilai overflow-anchor: none untuk mengecualikan elemen tertentu dari fungsi simpul jangkar.
Spesifikasi CSS Fonts 4 menetapkan properti font-width sebagai nama resmi kanonik untuk memilih rupa huruf normal, condensed, atau expanded, sekaligus menjadikan nama lama font-stretch sebagai alias warisan. Firefox 155 menambahkan dukungan untuk properti CSS font-width, deskriptor @font-face font-width, dan CSSStyleDeclaration.fontWidth, sementara Chrome 154 menambahkan deskriptor font-width pada aturan @font-face serta properti width pada objek FontFace, yang bersama dukungan Safari sebelumnya menjadikan kapabilitas font-width berstatus Baseline Newly available. Selain itu, nilai sizes="auto" untuk gambar yang menerapkan pemuatan tunda atau loading="lazy" kini resmi berstatus Baseline Newly available setelah Safari 27 melengkapi implementasi di Chrome dan Firefox. Saat kata kunci auto ditentukan, peramban memakai lebar tata letak terender dari gambar yang dimuat secara tunda guna memilih sumber gambar paling cocok dari daftar srcset.
Peningkatan Objek ReadableStream dan Antarmuka Pengguna
Objek ReadableStream mengalami pembaruan besar di Safari 27, meliputi dukungan iterasi asinkron menggunakan perulangan for await...of dan metode ReadableStream.prototype.values(), dukungan transfer objek antarkonteks melalui postMessage(), serta dukungan metode statis ReadableStream.from() untuk membuat aliran dari objek iterable maupun async iterable yang juga telah didukung di Firefox. Rangkaian dukungan pada Safari 27 ini membawa aliran yang dapat diiterasi secara asinkron dan objek ReadableStream yang dapat ditransfer ke status Baseline Newly available. Terkait penanganan animasi, Safari 27 menambahkan properti animation pada antarmuka AnimationEvent dan TransitionEvent yang mengembalikan objek Animation terkait untuk mempermudah inspeksi maupun kontrol skrip langsung dari pendengar peristiwa, menjadikan properti tersebut Baseline Newly available bersama Chrome dan Firefox. Safari 27 juga menambahkan opsi maxAge pada metode cookieStore.set(), bergabung dengan Chrome dan Firefox untuk menjadikan opsi penentuan masa pakai kuki berbasis durasi detik ini berstatus Baseline Newly available.
Safari 27 bergabung dengan Chrome dalam mendukung kustomisasi menu select menggunakan deklarasi appearance: base-select dan elemen khusus. Penerapan appearance: base-select pada elemen select dan pseudo-elemen ::picker(select) mengalihkan kontrol ke tampilan dasar yang dapat ditata gayanya, membuka peluang penyematan konten HTML yang kaya di dalam elemen option serta kustomisasi tombol maupun daftar pemilih drop-down. Di sisi lain, Chrome 153 memperkenalkan elemen kapabilitas deklaratif baru untuk video dan audio yang dibangun di atas fondasi elemen perizinan, menyediakan kontrol deklaratif khusus yang diaktifkan oleh pengguna untuk meminta akses penangkapan video atau audio tunggal tanpa memicu dialog izin dari skrip saat halaman web pertama kali dimuat.
Pembaruan Ekosistem JavaScript dan WebTransport
Peningkatan kapabilitas JavaScript hadir melalui Chrome 153 dan Firefox 155. Chrome 153 menambahkan metode Iterator.prototype.join() bersama iterasi gabungan menggunakan Iterator.zip() dan Iterator.zipKeyed(). Sementara itu, Firefox 155 mengimplementasikan metode Promise.allKeyed() dan Promise.allSettledKeyed(), yang menerima argumen berupa objek kamus berisi sekumpulan promise dan menyelesaikan hasilnya menjadi objek dengan struktur kunci yang identik.
Firefox 155 memperluas implementasi WebTransport melalui penambahan negosiasi protokol tingkat aplikasi dengan opsi protocols pada konstruktor WebTransport() dan properti WebTransport.protocol, yang kini mencapai status Baseline Newly available menyusul ketersediaan di Chrome dan Safari. Pembaruan WebTransport di Firefox 155 juga mencakup dukungan metode createSendGroup(), status draining, pemanggilan exportKeyingMaterial(), serta metode WebTransportDatagramDuplexStream.createWritable(). Pada lapisan pekerja layanan, Safari 27 menambahkan dukungan untuk Service Worker Static Routing API melalui antarmuka InstallEvent.addRoutes(), memungkinkan pendaftaran aturan perutean deklaratif pada waktu instalasi agar permintaan yang cocok dapat melompati inisialisasi awal service worker dan langsung mengambil data dari jaringan atau tembolok demi mengoptimalkan kecepatan navigasi.
Fitur Eksperimental pada Kanal Rilis Beta
Kanal rilis beta menghadirkan pratinjau pembaruan meliputi Chrome 155, Chrome 156, Firefox 158, dan Safari 27.2. Chrome 155 beta memuat properti CSS margin-trim, fungsi symbols(), text-decoration-skip-spaces, decoding gambar JPEG XL (image/jxl), pengimporan modul teks lewat sintaksis import with type: "text", serta penerbitan Digital Credentials API. Chrome 156 beta menyertakan fungsi CSS random(), properti singkatan sudut atau corner shorthand, kontainer gulir sumbu tunggal, deklarasi scroll-snap-type: pair, properti image-animation beserta pseudo-class :animated-image, deretan pseudo-class status media mencakup :playing, :paused, :seeking, :buffering, :stalled, :muted, dan :volume-locked, evaluasi modul tertunda lewat import defer, elemen HTML perizinan, serta Web Install API. Safari 27.2 beta memperkenalkan dukungan perataan luapan safe dan unsafe saat dipadukan dengan normal, mengaktifkan safe alignment pada kotak fixed-position dan elemen ::picker(select), serta mengubah nama flow-tolerance menjadi fit-tolerance untuk deklarasi display: grid-lanes.
Penerbit web.dev menyatakan tujuan mereka untuk membantu para pengembang membangun situs web yang indah, mudah diakses, cepat, dan aman yang dapat bekerja lintas peramban untuk seluruh pengguna, didukung konten yang ditulis oleh tim Chrome serta pakar eksternal. Kecuali dinyatakan lain, konten artikel tersebut dilisensikan di bawah Lisensi Creative Commons Attribution 4.0 dan sampel kode dilisensikan di bawah Lisensi Apache 2.0 sesuai dengan Kebijakan Situs Google Developers, dengan penegasan bahwa Java merupakan merek dagang terdaftar milik Oracle dan/atau afiliasinya.