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

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

Рэйчел Эндрю

Опубликовано: 16 декабря 2025 г.

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

В декабре в стабильную версию Chrome вышли Chrome 143 , Firefox 146 и Safari 26.2 . В этом посте мы рассмотрим множество новых функций этого месяца, некоторые из которых стали доступны в базовой версии.

Правило @scope CSS at теперь называется Baseline.

В Firefox 146 используется правило CSS @scope , позволяющее выбирать элементы в определенных поддеревьях DOM. Определите область видимости, внутри которой селекторы могут выбирать элементы, и вы избежите излишне специфичных и длинных селекторов. Например, следующий CSS-код выбирает элементы <img> только в том случае, если они находятся внутри элемента с классом ` .card .

@scope (.card) {
    img {
        border-color: green;
    }
}

В Firefox версии 146 это полезное правило `@` теперь доступно в базовой версии. Подробнее об этом можно узнать в статье « Ограничьте область действия ваших селекторов с помощью правила @scope в CSS» .

Функция CSS contrast-color()

Также в Firefox 146 есть функция contrast-color() . Эта функция принимает значение цвета и возвращает контрастный цвет, который призван обеспечить минимальный уровень контраста согласно WCAG AA.

Дополнительные примеры можно найти в статье «Как заставить браузер выбирать контрастный цвет в CSS» в блоге WebKit.

Browser Support

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

Source

Firefox стал первым браузером, в котором появилось свойство text-decoration-inset . Это свойство позволяет настраивать начальную и конечную точки текстового оформления элемента, чтобы его можно было укоротить, удлинить или сместить относительно отображаемого текста.

Свойство CSS font-language-override

В Chrome 143 добавлено свойство font-language-override . Оно позволяет переопределить поведение шрифта для конкретного языка. Это полезно, если вы используете шрифт, который не имеет надлежащей поддержки для данного языка; в этом случае вы можете выбрать глифы из похожего языка с лучшей поддержкой.

Browser Support

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

Source

CSS-запросы резервного контейнера с привязкой к CSS

В Chrome 143 появилась директива @container anchored(fallback) для стилизации потомков элементов с позиционированием `anchor` в зависимости от того, какой из position-try-fallbacks применяется.

Подобные запросы можно использовать для стилизации привязки или анимации закрепленного элемента в зависимости от того, как якорь и закрепленный элемент расположены относительно друг друга.

Синтаксис с относительным адресом для длинных background-position-x/y фона.

Также в Chrome, и теперь это доступно во всех браузерах, появилась возможность задать положение фонового изображения относительно одного из его краев в подробном описании свойства background-position . Например:

.element {
  background-image: url(flower.gif);
  background-repeat: no-repeat;
  background-position-x: left 30px;
  background-position-y: bottom 20px;
}

Browser Support

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

свойство `animation overallProgress

В Safari 26.2 добавлено свойство overallProgress . Это свойство интерфейса Animation, доступное только для чтения, возвращает число от 0 до 1 указывающее на общий прогресс анимации в направлении её завершения.

Данный объект недвижимости теперь доступен для аренды в соответствии с базовым планом.

Browser Support

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

Source

LCP и INP теперь доступны в рамках программы Baseline.

Показатели Largest Contentful Paint (LCP) и Interaction to Next Paint (INP) теперь доступны в базовой версии Safari 26.2 и поддерживают API Contentful Paint и Event Timing, необходимые для измерения этих показателей.

Эти функции были включены в Interop 2025, и теперь вы можете измерять эти показатели в последних версиях всех основных браузеров.

Крупнейший Contentful Paint API

Browser Support

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

Source

API синхронизации событий

Browser Support

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

Source

CHIPS достигает базового уровня. Новинка в продаже.

В Safari 26.2 также включена функция CHIPS (Cookies Having Independent Partitioned State), которая позволяет размещать cookie-файлы в разделенном хранилище, с отдельным хранилищем cookie-файлов для каждого сайта верхнего уровня.

Browser Support

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

Source

hidden="until-found"

В Safari 26.2 добавлена ​​поддержка свойства hidden="until-found" , которое теперь стало базовым свойством.

Browser Support

  • Chrome: 102.
  • Край: 102.
  • Firefox: 139.
  • Safari Technology Preview: поддерживается.

Source

Атрибуты command и commandfor

В Safari 26.2 также добавлена ​​поддержка command и commandfor для кнопок в HTML. Это обеспечивает декларативный способ управления всплывающими окнами и диалоговыми окнами.

Browser Support

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

Source

Подробнее см. в разделе «Введение в command и commandfor .

Событие scrollend

Ещё одна функция, ставшая доступной в базовой версии Safari 26.2, — это событие scrollend . Это событие срабатывает после завершения прокрутки; подробнее о нём можно узнать в статье «Scrollend — новое событие JavaScript» .

Browser Support

  • Chrome: 114.
  • Край: 114.
  • Firefox: 109.
  • Safari Technology Preview: поддерживается.

Source

Свойство scrollbar-color

Свойство scrollbar-color позволяет изменять цвет ползунка полосы прокрутки и самой полосы прокрутки. В Safari 26.2 эта функция также стала доступна в базовой версии.

Browser Support

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

Source

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

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

В Chrome 144 добавлен псевдоэлемент ::search-text для стилизации результатов поиска на странице, а также поддержка scrolled с помощью @scroll-state позволяющая стилизовать потомков контейнеров в зависимости от последнего направления прокрутки. Также включен Temporal API со стандартными объектами и функциями для работы с датами и временем.

Firefox 147 — это захватывающий релиз, включающий в себя позиционирование привязки с помощью CSS, типы переходов между представлениями и API навигации.

Чтобы узнать больше об интересных функциях CSS и пользовательского интерфейса, появившихся в этом году, ознакомьтесь с материалами конференции CSS Wrapped 2025 .