Điểm mới trên nền tảng web vào tháng 3

Khám phá một số tính năng thú vị đã xuất hiện trong các trình duyệt web ổn định và beta trong tháng 3 năm 2026.

Rachel Andrew

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

Bản phát hành trình duyệt ổn định

Chrome 146, Firefox 149 và Safari 26.4 được phát hành cho phiên bản ổn định trong tháng 3. Bài đăng này sẽ giới thiệu những tính năng mới sẽ ra mắt trên nền tảng trong tháng này.

Điều kiện truy vấn vùng chứa không bắt buộc

Cả Firefox 149 và Safari 26.4 đều hỗ trợ các truy vấn chỉ có tên @container mà không có điều kiện. Điều này cho phép bạn so khớp với các vùng chứa chỉ dựa trên tên của chúng, giúp bạn dễ dàng tạo kiểu cho các phần tử dựa trên ngữ cảnh vùng chứa mà không cần chỉ định các ràng buộc về kích thước hoặc kiểu.

Ảnh động kích hoạt bằng thao tác cuộn

Chrome 146 bổ sung chế độ kiểm soát ảnh động dựa trên vị trí cuộn. Tính năng này cho phép bạn tạo các hoạt động tương tác một cách khai báo bằng CSS, giảm tải công việc cho luồng worker và cải thiện hiệu suất. Bộ công cụ này cũng bao gồm các giao diện JavaScript cho ảnh động trên web. Tìm hiểu thêm trong bài viết Hiệu ứng chuyển động do thao tác cuộn kích hoạt trong CSS sắp ra mắt.

Browser Support

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

Thuộc tính trigger-scope

Cùng với ảnh động kích hoạt bằng thao tác cuộn, Chrome 146 giới thiệu thuộc tính trigger-scope. Điều này giúp bạn hạn chế khả năng hiển thị của tên điều kiện kích hoạt ảnh động, giúp tách biệt các hoạt động tương tác từ ảnh động đến điều kiện kích hoạt và tránh xung đột tên trên toàn cầu.

Browser Support

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

Giá trị hint của cửa sổ bật lên

Firefox 149 hiện hỗ trợ giá trị hint cho thuộc tính chung popover. Các cửa sổ bật lên có giá trị hint sẽ không đóng các cửa sổ bật lên auto khi hiển thị, nhưng sẽ đóng các cửa sổ bật lên hint khác, mang lại khả năng kiểm soát chi tiết hơn đối với hành vi của cửa sổ bật lên.

Browser Support

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

Đường lưới

Safari 16.4 hỗ trợ display: grid-lanes, đây là giá trị của display giúp bật bố cục kiểu khối xây.

Browser Support

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

Hàm toán học trong thuộc tính sizes

Safari 26.4 bổ sung tính năng hỗ trợ sử dụng các hàm toán học min(), max() và clamp() trong thuộc tính sizes của các phần tử <img>. Điều này giúp việc tải hình ảnh thích ứng trở nên linh hoạt hơn.

Trình tự trình lặp JavaScript

Cả Chrome 146 và Safari 26.4 hiện đều hỗ trợ trình tự lặp lại, giới thiệu Iterator.concat(...items) để tạo trình lặp bằng cách sắp xếp theo trình tự các trình lặp hiện có. Tính năng này hiện đã có trong Baseline Newly.

Browser Support

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

Source

Giao diện CloseWatcher

Firefox 149 bổ sung tính năng hỗ trợ cho giao diện CloseWatcher. Điều này cho phép các nhà phát triển triển khai những thành phần có thể đóng bằng các cơ chế gốc của thiết bị, chẳng hạn như phím Esc trên Windows hoặc phím Quay lại trên Android, theo cách tương tự như các hộp thoại và cửa sổ bật lên tích hợp.

Browser Support

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

Source

Bản phát hành trình duyệt beta

Các phiên bản trình duyệt beta cung cấp bản xem trước về các tính năng sẽ có trong bản phát hành trình duyệt ổn định tiếp theo. Bạn có thể kiểm thử các tính năng mới hoặc những thay đổi có thể ảnh hưởng đến trang web của mình trước khi phát hành phiên bản ổn định. Các bản phát hành beta mới trong tháng này bao gồm Firefox 150 và Chrome 147.

Chrome 147 beta

Chrome 147 beta có contrast-color() – một hàm CSS trả về màu đen hoặc trắng tuỳ thuộc vào màu nào có độ tương phản cao nhất so với màu đối số. Ngoài ra, còn có border-shape và các hiệu ứng chuyển đổi khung hiển thị theo phạm vi phần tử.

Firefox 150 beta thêm từ khoá CSS revert-rule, customeElementRegistry cho Elements và DocumentOrShadowRoot, và light-dark() cho hình ảnh.