Tính năng mới trong Chrome 150

Rachel Andrew

Ngày xuất bản: 30 tháng 6 năm 2026

Chrome 150 hiện đang được triển khai và bài đăng này chia sẻ một số tính năng chính của phiên bản này. Đọc toàn bộ ghi chú phát hành Chrome 150.

Điểm nổi bật trong bản phát hành này:

  • Thuộc tính CSS text-fit điều chỉnh tỷ lệ cỡ chữ cho vừa với các hộp chứa.
  • Focusgroup cung cấp chế độ điều hướng bằng phím mũi tên khai báo cho các thành phần web.
  • CSS background-clip: border-area cho phép bạn tạo đường viền chuyển màu một cách tự nhiên.

Thuộc tính text-fit của CSS

Thuộc tính text-fit điều chỉnh tỷ lệ cỡ chữ của các nút văn bản sao cho vừa khít với chiều rộng của hộp chứa.

Thuộc tính này giúp bạn đảm bảo tiêu đề hoặc nội dung động lấp đầy khoảng trống theo chiều ngang mà không cần tính toán kích thước phông chữ theo cách thủ công hoặc sử dụng các giải pháp phức tạp bằng JavaScript. Đây là một giải pháp mạnh mẽ, gốc CSS cho kiểu chữ thích ứng, duy trì sự căn chỉnh trực quan trên nhiều kích thước màn hình.

Focusgroup

Thuộc tính focusgroup cho phép bạn khai báo để cung cấp cho các tiện ích kết hợp tính năng điều hướng bằng phím mũi tên, một điểm dừng phím Tab được đảm bảo và bộ nhớ được lấy tiêu điểm lần cuối, thay thế các tập lệnh roving tabindex được mã hoá thủ công.

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

CSS background-clip: border-area

Triển khai giá trị border-area cho thuộc tính background-clip CSS. background-clip: border-area cắt nền của một phần tử theo vùng được vẽ bằng các nét viền, có tính đến border-width và border-style trong khi bỏ qua độ trong suốt của border-color.

Điều này cho phép bạn tạo đường viền chuyển màu ngay trong CSS mà không cần giải pháp thay thế border-image.

Tài liệu đọc thêm

Đây chỉ là một số điểm nổi bật chính. Hãy xem các đường liên kết sau để biết thêm những thay đổi trong Chrome 150.

Đăng ký

Để luôn nắm bắt thông tin mới nhất, hãy đăng ký kênh YouTube của Chrome Developers. Bạn sẽ nhận được thông báo qua email mỗi khi chúng tôi ra mắt video mới. Hoặc theo dõi chúng tôi trên X hoặc LinkedIn để xem các bài viết và bài đăng mới trên blog.

Ngay khi Chrome 151 được phát hành, chúng tôi sẽ thông báo cho bạn về những điểm mới trong Chrome!