Новое на веб-платформе в марте

Ознакомьтесь с некоторыми интересными функциями, которые появились в стабильных и бета-версиях веб-браузеров в марте 2026 года.

Рэйчел Эндрю

Опубликовано: 31 марта 2026 г.

Стабильные версии браузера

В марте в стабильную версию Chrome вышли Chrome 146 , Firefox 149 и Safari 26.4 . В этой статье мы рассмотрим новые функции, появившиеся на платформе в этом месяце.

Дополнительные условия запроса контейнера

В Firefox 149 и Safari 26.4 реализована поддержка запросов @container , содержащих только имя и не имеющих условий. Это позволяет сопоставлять контейнеры исключительно по их именам, что упрощает стилизацию элементов в зависимости от контекста контейнера без необходимости указывать ограничения по размеру или стилю.

Анимации, запускаемые при прокрутке

В Chrome 146 добавлено управление анимацией на основе положения прокрутки. Эта функция позволяет создавать интерактивные элементы декларативно с помощью CSS, перекладывая работу на рабочий поток и повышая производительность. Она также включает интерфейсы JavaScript для веб-анимаций. Подробнее см. в статье «Анимации, запускаемые прокруткой CSS, скоро появятся» .

Browser Support

  • Chrome: 146.
  • Край: 146.
  • Firefox: не поддерживается.
  • Safari: не поддерживается.

Свойство trigger-scope

Наряду с анимациями, запускаемыми при прокрутке, в Chrome 146 появилось свойство trigger-scope . Оно позволяет ограничить видимость имен триггеров анимации, помогая изолировать взаимодействия между анимацией и триггером и избегать конфликтов глобальных имен.

Browser Support

  • Chrome: 146.
  • Край: 146.
  • Firefox: не поддерживается.
  • Safari: не поддерживается.

значение hint Popover

В Firefox 149 теперь поддерживается значение hint для глобального атрибута popover . Всплывающие окна со значением hint не будут закрывать auto всплывающие окна при отображении, но будут закрывать другие всплывающие окна hint , обеспечивая более точный контроль над поведением всплывающих окон.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: не поддерживается.
  • Safari: не поддерживается.

Полосы стартовой решетки

Safari 16.4 поддерживает display: grid-lanes , это значение параметра display , которое включает макет в стиле "кирпичная кладка".

Browser Support

  • Chrome: не поддерживается.
  • Edge: не поддерживается.
  • Firefox: не поддерживается.
  • Сафари: 26.4.

Математические функции в атрибуте sizes

В Safari 26.4 добавлена ​​поддержка использования математических функций min() , max() и clamp() в атрибуте sizes элементов <img> . Это обеспечивает большую гибкость при адаптивной загрузке изображений.

Последовательность итераторов JavaScript

В Chrome 146 и Safari 26.4 теперь поддерживается упорядочивание итераторов, появилась функция Iterator.concat(...items) для создания итераторов путем упорядочивания существующих. Эта функция теперь доступна в базовой версии.

Browser Support

  • Chrome: 146.
  • Край: 146.
  • Firefox: 147.
  • Сафари: 26.4.

Source

Интерфейс CloseWatcher

В Firefox 149 добавлена ​​поддержка интерфейса CloseWatcher . Это позволяет разработчикам реализовывать компоненты, которые можно закрыть с помощью встроенных механизмов устройства, таких как клавиша Esc в Windows или клавиша Back в Android, аналогично встроенным диалоговым окнам и всплывающим окнам.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox Technology Preview: поддерживается.
  • Safari: не поддерживается.

Source

Выпуск бета-версий браузера

Бета-версии браузеров позволяют предварительно ознакомиться с функциями, которые будут включены в следующую стабильную версию. Вы можете протестировать новые функции или удалить те, которые могут повлиять на ваш сайт, до выхода стабильной версии. В этом месяце вышли новые бета-версии Firefox 150 и Chrome 147 .

Chrome 147 бета

В Chrome 147 beta добавлена ​​функция contrast-color() — CSS-функция, которая возвращает либо черный, либо белый цвет в зависимости от того, какой из них обеспечивает наибольший контраст с заданным цветом. Также добавлены border-shape и переходы между элементами в области видимости.

В Firefox 150 beta добавлены ключевое слово CSS revert-rule , customeElementRegistry для элементов и DocumentOrShadowRoot, а также light-dark() для изображений.