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

Rachel Andrew

Xuất bản: Ngày 7 tháng 4 năm 2026

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

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

Chuyển đổi khung hiển thị theo phạm vi phần tử

Tính năng này hiển thị element.startViewTransition() trên các phần tử HTML tuỳ ý. Phần tử này thiết lập một phạm vi cho hiệu ứng chuyển đổi, tức là các phần tử giả chuyển đổi sẽ chịu ảnh hưởng của các đoạn và phép biến đổi của phần tử mẹ, đồng thời nhiều hiệu ứng chuyển đổi trên các phần tử riêng biệt có thể chạy đồng thời.

Chế độ chuyển đổi khung hiển thị theo phạm vi phần tử cũng cho phép bạn lồng các chế độ chuyển đổi khung hiển thị đang diễn ra và duy trì tính tương tác của phần còn lại của trang.

Tìm hiểu thêm trong bài viết Chrome 147 hỗ trợ các hiệu ứng chuyển đổi khung hiển thị đồng thời và lồng nhau bằng hiệu ứng chuyển đổi khung hiển thị theo phạm vi phần tử.

CSS contrast-color()

Hàm này giúp bạn đáp ứng các yêu cầu về độ tương phản để hỗ trợ tiếp cận.

Bạn có thể dùng hàm contrast-color() ở bất kỳ vị trí nào trong CSS mà giá trị màu được mong đợi. Hàm này lấy một đối số giá trị màu và trả về "black" (màu đen) hoặc "white" (màu trắng), tuỳ thuộc vào màu nào có độ tương phản cao nhất so với đối số màu.

Tìm hiểu thêm tại tài liệu MDN cho contrast-color().

Thuộc tính border-shape của CSS

Thuộc tính border-shape CSS cho phép bạn tạo đường viền không phải hình chữ nhật với bất kỳ hình dạng tuỳ ý nào, chẳng hạn như đa giác, hình tròn hoặc shape().

Mặc dù border-shape chấp nhận các hình dạng giống như clip-path, nhưng về cơ bản, border-shape khác với clip-path. border-shape xác định hình dạng của đường viền, trang trí đường viền và chỉ cắt phần bên trong. border-shape có hai biến thể: một biến thể tạo nét cho hình dạng và một biến thể khác điền giữa hai hình dạng.

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 các thay đổi trong Chrome 147.

Đăng ký

Để luôn nắm bắt thông tin mới nhất, hãy đăng ký theo dõi 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 148 đượ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!