Baru menggunakan platform web pada bulan Maret

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

Rachel Andrew

Dipublikasikan: 31 Maret 2026

Rilis browser stabil

Chrome 146, Firefox 149, dan Safari 26.4 dirilis ke versi stabil selama bulan Maret. Postingan ini membahas fitur baru yang hadir di platform bulan ini.

Kondisi kueri container opsional

Firefox 149 dan Safari 26.4 menyertakan dukungan untuk kueri @container hanya nama yang tidak memiliki kondisi. Dengan demikian, Anda dapat mencocokkan dengan penampung hanya berdasarkan namanya, sehingga memudahkan Anda menata gaya elemen berdasarkan konteks penampung tanpa perlu menentukan batasan ukuran atau gaya.

Animasi yang dipicu scroll

Chrome 146 menambahkan kontrol animasi berbasis posisi scroll. Fitur ini memungkinkan Anda membuat interaksi secara deklaratif dengan CSS, mengalihkan pekerjaan ke thread pekerja dan meningkatkan performa. Hal ini juga mencakup antarmuka JavaScript untuk animasi web. Pelajari lebih lanjut di artikel Animasi yang dipicu scroll CSS akan segera hadir.

Browser Support

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

Properti trigger-scope

Selain animasi yang dipicu scroll, Chrome 146 memperkenalkan properti trigger-scope. Hal ini memungkinkan Anda membatasi visibilitas nama pemicu animasi, sehingga membantu mengisolasi interaksi animasi-ke-pemicu dan menghindari konflik nama global.

Browser Support

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

Nilai hint popover

Firefox 149 kini mendukung nilai hint untuk atribut global popover. Popover dengan nilai hint tidak akan menutup popover auto saat ditampilkan, tetapi akan menutup popover hint lainnya, sehingga memberikan kontrol yang lebih terperinci atas perilaku popover.

Browser Support

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

Jalur petak

Safari 16.4 mendukung display: grid-lanes, yang merupakan nilai display yang mengaktifkan tata letak gaya masonry.

Browser Support

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

Fungsi matematika dalam atribut sizes

Safari 26.4 menambahkan dukungan untuk menggunakan fungsi matematika min(), max(), dan clamp() dalam atribut sizes elemen <img>. Hal ini memberikan lebih banyak fleksibilitas untuk pemuatan gambar responsif.

Pengurutan iterator JavaScript

Chrome 146 dan Safari 26.4 kini mendukung pengurutan iterator, memperkenalkan Iterator.concat(...items) untuk membuat iterator dengan mengurutkan iterator yang ada. Fitur ini kini tersedia di Baseline Baru.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 147.
  • Safari: 26.4.

Source

Antarmuka CloseWatcher

Firefox 149 menambahkan dukungan untuk antarmuka CloseWatcher. Hal ini memungkinkan developer menerapkan komponen yang dapat ditutup menggunakan mekanisme bawaan perangkat, seperti tombol Esc di Windows atau tombol Kembali di Android, dengan cara yang sama seperti dialog dan popover bawaan.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox Technology Preview: supported.
  • Safari: not supported.

Source

Rilis browser beta

Versi browser Beta memberikan pratinjau fitur yang akan ada dalam rilis browser stabil berikutnya. Anda dapat menguji fitur baru atau penghapusan yang mungkin memengaruhi situs Anda sebelum rilis stabil. Rilis beta baru bulan ini mencakup Firefox 150 dan Chrome 147.

Chrome 147 beta

Beta Chrome 147 menyertakan contrast-color()—fungsi CSS yang menampilkan warna hitam atau putih bergantung pada warna yang memberikan kontras tertinggi terhadap warna argumen. Juga disertakan border-shape dan transisi tampilan cakupan elemen.

Firefox 150 Beta menambahkan kata kunci CSS revert-rule, customeElementRegistry untuk Elemen dan DocumentOrShadowRoot, serta light-dark() untuk gambar.