Baru menggunakan platform web pada bulan September

Temukan beberapa fitur menarik yang telah hadir di browser web beta dan stabil selama September 2026.

Rachel Andrew

Dipublikasikan: 2 Oktober 2026

Rilis browser stabil

Ini adalah bulan pertama rilis Chrome dan Firefox dua mingguan. Artinya, Chrome 153, Chrome 154, Firefox 155, Firefox 156, Firefox 157, dan Safari 27 dirilis ke versi stabil selama September 2026. Postingan ini membahas fitur baru yang tersedia di berbagai browser, termasuk sejumlah besar fitur yang tersedia di Baseline Baru.

Fungsi CSS progress() menjadi Dasar

Firefox 155 menambahkan dukungan untuk fungsi matematika CSS progress(), sehingga tersedia di Baseline.

Fungsi progress() menampilkan <number> yang merepresentasikan posisi satu penghitungan antara nilai awal dan nilai akhir. Biasanya, hasilnya diapit antara 0 dan 1, sehingga berguna untuk mendorong pengukuran, opasitas, atau warna yang lancar berdasarkan dimensi penampung atau area tampilan. Firefox 155 dan Safari 27 juga menambahkan dukungan untuk opsi kata kunci no-clamp, sehingga nilai progres yang ditampilkan dapat melampaui 0 atau di atas 1.

.card {
  opacity: progress(100vw, 320px, 1200px);
}

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: 155.
  • Safari: 26.

Source

Warna alfa relatif dengan alpha() menjadi Titik Referensi

Firefox 155 dan Safari 27 menambahkan dukungan untuk fungsi warna relatif alpha() dari CSS Color 5.

Fungsi alpha() menggunakan warna asal dan menampilkan warna tersebut dengan saluran alfa (transparansi) yang disesuaikan sambil mempertahankan saluran warna dan ruang warnanya:

.overlay {
  background-color: alpha(var(--brand-color) / 50%);
}

Dengan Chrome 151, Firefox 155, dan Safari 27 yang semuanya mendukung alpha(), fungsi ini kini tersedia sebagai Baseline Baru.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 155.
  • Safari: 27.

Source

Kata kunci CSS revert-rule menjadi Dasar Pengukuran

Safari 27 menambahkan dukungan untuk kata kunci revert-rule CSS-wide.

Meskipun revert mengembalikan susunan berjenjang ke asal pengguna atau agen pengguna dan revert-layer mengembalikan ke lapisan susunan berjenjang sebelumnya, revert-rule mengembalikan nilai properti ke nilai yang akan dimilikinya jika aturan gaya saat ini tidak ada. Dengan dukungan di Chrome, Firefox, dan kini Safari 27, revert-rule tersedia sebagai Baseline Baru.

Browser Support

  • Chrome: 148.
  • Edge: 148.
  • Firefox: 150.
  • Safari: 27.

Source

Nilai <image> di light-dark() menjadi Dasar

Safari 27 menambahkan dukungan untuk menggunakan nilai <image> di dalam fungsi CSS light-dark().

Sebelumnya terbatas pada nilai <color>, light-dark() kini dapat beralih di antara dua gambar—seperti gambar url() atau gradien CSS—berdasarkan tema terang atau gelap color-scheme yang aktif. Dengan dukungan di Chrome, Firefox, dan Safari 27, nilai <image> dalam light-dark() kini tersedia di Baseline Baru.

Browser Support

  • Chrome: 150.
  • Edge: 150.
  • Firefox: 150.
  • Safari: 27.

Penautan scroll dengan overflow-anchor menjadi Dasar Pengukuran

Safari 27 mengaktifkan penambatan scroll dan menambahkan dukungan untuk properti CSS overflow-anchor.

Penyambungan scroll menyesuaikan posisi scroll secara otomatis saat perubahan DOM di atas area tampilan yang terlihat akan menyebabkan konten melompat saat pengguna membaca atau berinteraksi dengan halaman. Anda dapat menggunakan overflow-anchor: none untuk mengecualikan elemen tertentu agar tidak bertindak sebagai node penahan. Dengan bergabungnya Safari 27 dengan Chrome dan Firefox, penambatan scroll kini tersedia di Baseline yang Baru tersedia.

Browser Support

  • Chrome: 56.
  • Edge: 79.
  • Firefox: 66.
  • Safari: 27.

Source

Properti font-width dan deskriptor @font-face menjadi Dasar Pengukuran

CSS Fonts 4 menggantikan font-stretch dengan font-width sebagai nama kanonis untuk memilih tampilan font normal, ringkas, atau lebar, dengan tetap mempertahankan font-stretch sebagai alias lama.

Firefox 155 menambahkan dukungan untuk properti CSS font-width, deskriptor font-width @font-face, dan CSSStyleDeclaration.fontWidth. Chrome 154 juga menambahkan deskriptor font-width dalam aturan @font-face dan properti width pada objek FontFace. Bersama dengan dukungan yang ada di Safari, font-width kini tersedia sebagai Baseline Baru.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 155.
  • Safari: 18.4.

Source

sizes="auto" untuk gambar yang dimuat lambat menjadi Baseline

Safari 27 menambahkan dukungan untuk kata kunci auto di atribut sizes pada elemen <img> yang menggunakan loading="lazy".

Saat Anda menentukan sizes="auto" (atau daftar sizes yang dimulai dengan auto), browser menggunakan lebar tata letak yang dirender dari gambar yang dimuat lambat untuk memilih sumber gambar yang paling sesuai dari srcset. Dengan dukungan di Chrome, Firefox, dan kini Safari 27, sizes="auto" tersedia sebagai Baseline Baru.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox: 150.
  • Safari: not supported.

Source

Iterasi asinkron dan objek ReadableStream yang dapat ditransfer menjadi Dasar

Safari 27 menyertakan beberapa update pada ReadableStream:

  • Dukungan untuk iterasi asinkron pada objek ReadableStream menggunakan loop for await...of dan ReadableStream.prototype.values().
  • Dukungan untuk mentransfer objek ReadableStream antar-konteks menggunakan postMessage().
  • Dukungan untuk metode statis ReadableStream.from() untuk membuat ReadableStream dari objek iterable atau async iterable (juga didukung di Firefox).

Dengan Safari 27, aliran iterable asinkron dan objek ReadableStream yang dapat ditransfer kini tersedia sebagai fitur Baru yang Tersedia di Baseline.

Browser Support

  • Chrome: 124.
  • Edge: 124.
  • Firefox: 110.
  • Safari: 27.

AnimationEvent.animation dan TransitionEvent.animation menjadi Dasar Pengukuran

Safari 27 menambahkan properti animation ke AnimationEvent dan properti animation ke TransitionEvent.

Properti ini menampilkan objek Animation yang terkait dengan peristiwa transisi atau animasi CSS, sehingga memudahkan untuk memeriksa atau mengontrol animasi langsung dari pemroses peristiwa. Dengan dukungan properti ini di Chrome, Firefox, dan Safari 27, properti ini kini tersedia di Baseline Baru.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 152.
  • Safari: 27.

Source

Opsi maxAge di cookieStore.set() menjadi Dasar Pengukuran

Safari 27 menambahkan dukungan untuk opsi maxAge saat menyetel cookie dengan cookieStore.set(), yang memungkinkan Anda menentukan masa aktif cookie sebagai durasi dalam detik, bukan menghitung stempel waktu expires absolut. Dengan dukungan di Chrome, Firefox, dan Safari 27, opsi maxAge kini tersedia di Baseline Baru.

Browser Support

  • Chrome: 145.
  • Edge: 145.
  • Firefox: 148.
  • Safari: 27.

<select> yang dapat disesuaikan di Safari 27

Safari 27 menambahkan dukungan untuk menu <select> yang dapat disesuaikan menggunakan appearance: base-select dan elemen <selectedcontent>, bergabung dengan Chrome.

Memilih <select> dan elemen pseudo ::picker(select)-nya ke dalam appearance: base-select akan mengalihkan kontrol ke tampilan dasar yang dapat distilisasi, sehingga memungkinkan konten HTML yang kaya di dalam elemen <option> dan gaya kustom untuk tombol dan pemilih drop-down.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari: 27.

Elemen <camera> dan <microphone> deklaratif di Chrome

Chrome 153 memperkenalkan elemen kemampuan HTML <camera> dan <microphone>.

Dengan memanfaatkan elemen <usermedia>, <camera> dan <microphone> menyediakan kontrol deklaratif khusus yang diaktifkan pengguna untuk meminta akses perekaman video atau audio dengan satu kemampuan tanpa memicu perintah izin yang dimulai skrip saat pemuatan halaman.

Browser Support

  • Chrome: 153.
  • Edge: 153.
  • Firefox: not supported.
  • Safari: not supported.

Penambahan Iterator dan Promise JavaScript

Chrome 153 menambahkan Iterator.prototype.join() bersama dengan iterasi gabungan menggunakan Iterator.zip() dan Iterator.zipKeyed().

Browser Support

  • Chrome: 153.
  • Edge: 153.
  • Firefox: 148.
  • Safari Technology Preview: supported.

Source

Firefox 155 mengimplementasikan Promise.allKeyed() dan Promise.allSettledKeyed(), yang menerima objek kamus promise dan di-resolve ke objek dengan kunci yang sama.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 155.
  • Safari: not supported.

Source

Pembaruan WebTransport di Firefox 155

Firefox 155 memperluas penerapan WebTransport:

Browser Support

  • Chrome: 143.
  • Edge: 143.
  • Firefox: 155.
  • Safari: 26.4.

Source

Service Worker Static Routing API di Safari 27

Safari 27 menambahkan dukungan untuk Service Worker Static Routing API melalui InstallEvent.addRoutes().

API ini memungkinkan service worker mendaftarkan aturan perutean deklaratif pada waktu penginstalan sehingga permintaan yang cocok dapat melewati startup service worker dan mengambil langsung dari jaringan atau cache, sehingga meningkatkan performa navigasi.

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: not supported.
  • Safari: 27.

Source

Rilis browser beta

Versi browser Beta memberi Anda pratinjau tentang hal-hal yang akan ada di browser versi stabil berikutnya. Ini adalah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum rilis tersebut tersedia untuk publik. Beta baru bulan ini adalah Chrome 155, Chrome 156, Firefox 158, dan Safari 27.2.

Beta Chrome 155 mencakup CSS margin-trim, symbols(), dan text-decoration-skip-spaces, beserta dukungan decoding JPEG XL (image/jxl), impor modul teks (import ... with { type: "text" }), dan dukungan penerbitan Digital Credentials API.

Chrome 156 versi beta mencakup fungsi CSS random(), properti singkat CSS corner, penampung scroll sumbu tunggal, scroll-snap-type: pair, properti image-animation dan class semu :animated-image, class semu status elemen media (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), evaluasi modul yang ditangguhkan (import defer), serta elemen HTML <install> dan Web Install API.

Safari 27.2 versi beta menambahkan dukungan untuk perataan overflow safe dan unsafe saat dipasangkan dengan normal, mengaktifkan perataan safe pada kotak posisi tetap dan elemen ::picker(select), serta mengganti nama flow-tolerance menjadi fit-tolerance untuk display: grid-lanes.