Yang baru di Chrome 150

Rachel Andrew

Dipublikasikan: 30 Juni 2026

Chrome 150 diluncurkan sekarang, dan postingan ini membagikan beberapa fitur utama dari rilis tersebut. Baca catatan rilis Chrome 150 selengkapnya.

Sorotan dari rilis ini:

Properti text-fit CSS

Properti text-fit menskalakan ukuran font node teks agar sesuai dengan lebar kotak yang memuatnya.

Dengan properti ini, Anda dapat memastikan judul atau konten dinamis mengisi ruang horizontal yang tersedia tanpa perhitungan ukuran font manual atau solusi JavaScript yang rumit. Solusi ini menyediakan solusi native CSS yang andal untuk tipografi responsif yang mempertahankan keselarasan visual di berbagai ukuran layar.

Focusgroup

Atribut focusgroup memungkinkan Anda memberikan navigasi tombol panah pada widget komposit secara deklaratif, tab stop yang dijamin, dan memori fokus terakhir, menggantikan skrip roving tabindex yang dikodekan secara manual.

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

CSS background-clip: border-area

Menerapkan nilai border-area untuk properti CSS background-clip. background-clip: border-area memangkas latar belakang elemen ke area yang dilukis oleh goresan batasnya, dengan mempertimbangkan border-width dan border-style sambil mengabaikan transparansi dari border-color.

Hal ini memungkinkan Anda membuat batas gradien langsung di CSS tanpa memerlukan solusi border-image.

Bacaan lebih lanjut

Hal ini hanya mencakup beberapa sorotan utama. Periksa link berikut untuk mengetahui perubahan tambahan di Chrome 150.

Langganan

Untuk mendapatkan info terbaru, subscribe channel YouTube Chrome Developers, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru. Atau ikuti kami di X atau LinkedIn untuk membaca artikel dan postingan blog baru.

Segera setelah Chrome 151 dirilis, kami akan memberi tahu Anda tentang hal-hal baru di Chrome.