Baru menggunakan platform web pada bulan Desember

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

Rachel Andrew

Dipublikasikan: 16 Desember 2025

Rilis browser stabil

Chrome 143, Firefox 146, dan Safari 26.2 dirilis ke versi stabil selama bulan Desember. Postingan ini membahas berbagai fitur baru bulan ini, dengan beberapa hal yang menjadi Tersedia di Baseline.

Aturan @ CSS @scope kini menjadi Dasar

Firefox 146 menyertakan aturan @CSS @scope yang memungkinkan Anda memilih elemen dalam subpohon DOM tertentu. Tentukan cakupan di dalam pemilih yang dapat menargetkan elemen, dan Anda menghindari pemilih yang terlalu spesifik dan panjang. Misalnya, CSS berikut hanya menargetkan elemen <img> jika berada di dalam elemen dengan class .card.

@scope (.card) {
    img {
        border-color: green;
    }
}

Dengan Firefox 146, aturan @ yang berguna ini kini tersedia sebagai Dasar Baru. Pelajari lebih lanjut di Batasi jangkauan pemilih Anda dengan aturan @ CSS @scope.

Fungsi CSS contrast-color()

Selain itu, di Firefox 146 terdapat fungsi contrast-color(). Fungsi ini mengambil nilai warna dan menampilkan warna kontras, yang bertujuan untuk memastikan kontras minimum WCAG AA.

Untuk contoh lainnya, lihat Cara membuat browser memilih warna kontras di CSS di blog WebKit.

Browser Support

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

Source

Firefox adalah browser pertama yang mengirimkan properti text-decoration-inset. Properti ini memungkinkan Anda menyesuaikan titik awal dan akhir dekorasi teks elemen sehingga dapat dipersingkat, diperpanjang, atau posisinya diubah sehubungan dengan teks yang dirender.

Properti CSS font-language-override

Chrome 143 menyertakan properti font-language-override. Dengan begitu, Anda dapat mengganti perilaku huruf untuk bahasa tertentu. Hal ini berguna jika Anda menggunakan typeface yang tidak memiliki dukungan yang tepat untuk suatu bahasa, Anda dapat memilih untuk menggunakan glif dari bahasa serupa dengan dukungan yang lebih baik.

Browser Support

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

Source

Kueri penampung penggantian yang di-anchor CSS

Chrome 143 memperkenalkan @container anchored(fallback) untuk menata gaya elemen turunan yang diposisikan anchor berdasarkan position-try-fallbacks yang diterapkan.

Kueri tersebut dapat digunakan untuk menata gaya penambatan elemen yang ditambatkan atau animasinya, berdasarkan cara penempatan elemen penambat dan elemen yang ditambatkan relatif satu sama lain.

Sintaksis relatif sisi untuk singkatan background-position-x/y

Selain itu, di Chrome, dan kini tersedia di semua browser, ada kemampuan untuk Menentukan posisi gambar latar relatif terhadap salah satu tepinya dalam properti panjang untuk background-position. Contoh:

.element {
  background-image: url(flower.gif);
  background-repeat: no-repeat;
  background-position-x: left 30px;
  background-position-y: bottom 20px;
}

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 49.
  • Safari: 15.4.

Properti animasi overallProgress

Safari 26.2 menyertakan overallProgress. Properti hanya baca dari antarmuka Animasi ini menampilkan angka antara 0 dan 1 yang menunjukkan progres keseluruhan animasi menuju status selesainya.

Properti ini kini tersedia di Baseline Baru.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 142.
  • Safari Technology Preview: supported.

Source

LCP dan INP kini tersedia sebagai Baseline Baru

Metrik Largest Contentful Paint (LCP) dan Interaction to Next Paint (INP) kini tersedia sebagai Dasar Baru, dengan dukungan di Safari 26.2 untuk Contentful Paint API dan Event Timing API yang diperlukan untuk mengukur metrik ini.

Fitur ini disertakan dalam Interop 2025, dan kini Anda dapat mengukur metrik ini di versi terbaru semua browser utama.

Largest Contentful Paint API

Browser Support

  • Chrome: 77.
  • Edge: 79.
  • Firefox: 122.
  • Safari: not supported.

Source

Event Timing API

Browser Support

  • Chrome: 76.
  • Edge: 79.
  • Firefox: 89.
  • Safari: not supported.

Source

CHIPS mencapai Baseline Baru tersedia

Safari 26.2 juga menyertakan CHIPS (Cookies Having Independent Partitioned State), yang memungkinkan Anda mengaktifkan cookie ke penyimpanan yang dipartisi, dengan jar cookie terpisah per situs tingkat teratas.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 141.
  • Safari: not supported.

Source

hidden="until-found"

Safari 26.2 menyertakan dukungan untuk hidden="until-found", yang kini menjadi Tersedia Baru di Baseline.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 139.
  • Safari Technology Preview: supported.

Source

Atribut command dan commandfor

Selain itu, untuk HTML di Safari 26.2, dukungan untuk command dan commandfor pada tombol juga tersedia. Hal ini memberikan cara deklaratif untuk mengontrol popover dan dialog.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 144.
  • Safari Technology Preview: supported.

Source

Cari tahu selengkapnya di Memperkenalkan command dan commandfor.

Acara scrollend

Fitur lain yang menjadi Baseline Baru dan tersedia dengan Safari 26.2 adalah peristiwa scrollend. Peristiwa ini dipicu saat penelusuran selesai, pelajari lebih lanjut di Scrollend, peristiwa JavaScript baru.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 109.
  • Safari Technology Preview: supported.

Source

Properti scrollbar-color

Properti scrollbar-color memungkinkan Anda mengubah warna thumb scrollbar, dan track scrollbar. Dengan Safari 26.2, fitur ini juga menjadi Tersedia di Dasar Pengukuran Baru.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 64.
  • Safari: not supported.

Source

Rilis browser beta

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

Chrome 144 menyertakan elemen semu ::search-text untuk gaya hasil penelusuran dalam halaman dan dukungan scrolled untuk @scroll-state yang memungkinkan Anda menerapkan gaya pada turunan penampung berdasarkan arah scrolling terbaru. Juga disertakan Temporal API, dengan objek dan fungsi standar untuk bekerja dengan tanggal dan waktu.

Firefox 147 adalah rilis menarik yang mencakup penempatan anchor CSS, jenis transisi tampilan, dan Navigation API.

Untuk mengetahui lebih lanjut fitur CSS dan UI menarik yang diluncurkan tahun ini, lihat CSS Wrapped 2025.