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

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

Рэйчел Эндрю

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

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

Это первый месяц двухнедельных релизов Chrome и Firefox. Это означает, что Chrome 153 , Chrome 154 , Firefox 155 , Firefox 156 , Firefox 157 и Safari 27 будут выпущены в стабильную версию в течение сентября 2026 года. В этой статье мы рассмотрим новые функции, появившиеся во всех браузерах, включая большое количество функций, достигших статуса «Базовые новые».

Функция CSS progress() становится базовой.

В Firefox 155 добавлена ​​поддержка математической функции CSS progress() , благодаря чему она стала доступна в базовой версии.

The progress() function returns a <number> representing the position of one calculation between a start value and an end value. Typically, the result is clamped between 0 and 1 , which makes it useful for driving fluid sizing, opacity, or colors based on container or viewport dimensions. Both Firefox 155 and Safari 27 also add support for the no-clamp keyword option, allowing the returned progress value to extend below 0 or above 1 .

.card {
  opacity: progress(100vw, 320px, 1200px);
}

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: 155.
  • Сафари: 26.

Source

Относительные альфа-каналы цветов, заданные функцией alpha() становятся базовыми.

В Firefox 155 и Safari 27 добавлена ​​поддержка функции относительного цвета alpha() из CSS Color 5.

Функция alpha() принимает исходный цвет и возвращает этот цвет с отрегулированным альфа-каналом (прозрачностью), сохраняя при этом цветовые каналы и цветовое пространство:

.overlay {
  background-color: alpha(var(--brand-color) / 50%);
}

Поскольку Chrome 151, Firefox 155 и Safari 27 поддерживают функцию alpha() , эта функция теперь доступна в базовой версии.

Browser Support

  • Chrome: 151.
  • Край: 151.
  • Firefox: 155.
  • Сафари: 27.

Source

Ключевое слово CSS revert-rule становится Baseline

В Safari 27 добавлена ​​поддержка ключевого слова revert-rule для CSS-wide.

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

Browser Support

  • Chrome: 148.
  • Edge: 148.
  • Firefox: 150.
  • Сафари: 27.

Source

Значения <image> в функции light-dark() становятся базовыми

В Safari 27 добавлена ​​поддержка использования значений <image> внутри функции CSS light-dark() .

Ранее ограниченная значениями <color> , функция light-dark() теперь может переключаться между двумя изображениями — например, изображениями, url() , или градиентами CSS — в зависимости от активной светлой или темной color-scheme . Благодаря поддержке в Chrome, Firefox и Safari 27, значения <image> в light-dark() теперь доступны в базовой версии.

Browser Support

  • Chrome: 150.
  • Edge: 150.
  • Firefox: 150.
  • Сафари: 27.

Привязка к прокрутке с помощью overflow-anchor становится базовой.

В Safari 27 реализована функция привязки прокрутки и добавлена ​​поддержка свойства CSS overflow-anchor .

Функция привязки прокрутки автоматически регулирует положение прокрутки при изменениях DOM-элементов выше видимой области просмотра, что в противном случае привело бы к скачкам контента во время чтения или взаимодействия пользователя со страницей. Вы можете использовать overflow-anchor: none , чтобы исключить определенные элементы из использования в качестве узлов привязки. В Safari 27, как и в Chrome и Firefox, функция привязки прокрутки теперь доступна в базовой версии.

Browser Support

  • Chrome: 56.
  • Край: 79.
  • Firefox: 66.
  • Сафари: 27.

Source

Свойство font-width и дескриптор @font-face становятся Baseline.

В CSS Fonts 4 font-stretch был заменен на font-width в качестве канонического имени для выбора обычного, сжатого или расширенного шрифта, при этом font-stretch остался устаревшим псевдонимом.

В Firefox 155 добавлена ​​поддержка свойства CSS font-width , дескриптора @font-face font-width и CSSStyleDeclaration.fontWidth . В Chrome 154 также добавлен дескриптор font-width в правила @font-face и свойство width для объектов FontFace . Вместе с существующей поддержкой в ​​Safari, font-width теперь доступен в базовой версии.

Browser Support

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

Source

sizes="auto" для изображений, загружаемых с отложенной загрузкой, становится Baseline.

В Safari 27 добавлена ​​поддержка ключевого слова auto в атрибуте sizes для элементов <img> , использующих loading="lazy" .

При указании sizes="auto" (или списка sizes начинающегося с auto ), браузер использует ширину отображаемого макета изображения, загружаемого с отложенной загрузкой, для выбора наиболее подходящего источника изображения из srcset . sizes="auto" поддерживается в Chrome, Firefox и теперь в Safari 27. Она стала доступна в базовой версии браузера.

Browser Support

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

Source

Асинхронная итерация и передаваемые объекты ReadableStream становятся основой Baseline.

В Safari 27 внесено несколько обновлений в ReadableStream :

  • Поддержка асинхронной итерации по объектам ReadableStream с использованием циклов for await...of и ReadableStream.prototype.values() .
  • Поддержка передачи объектов ReadableStream между контекстами с помощью postMessage() .
  • Поддержка статического метода ReadableStream.from() для создания объекта ReadableStream из итерируемого или асинхронного итерируемого объекта (также поддерживается в Firefox).

В Safari 27 асинхронные итерируемые потоки и передаваемые объекты ReadableStream теперь доступны в базовой версии.

Browser Support

  • Chrome: 124.
  • Edge: 124.
  • Firefox: 110.
  • Сафари: 27.

AnimationEvent.animation и TransitionEvent.animation становятся базовыми.

В Safari 27 свойство animation добавлено к AnimationEvent , а свойство animation — к TransitionEvent .

Это свойство возвращает объект Animation , связанный с событием CSS-анимации или перехода, что упрощает проверку или управление анимацией непосредственно из обработчика событий. Благодаря поддержке этого свойства в Chrome, Firefox и Safari 27, оно теперь доступно в базовой версии.

Browser Support

  • Chrome: 151.
  • Край: 151.
  • Firefox: 152.
  • Сафари: 27.

Source

Параметр maxAge в cookieStore.set() становится Baseline.

В Safari 27 добавлена ​​поддержка параметра maxAge при установке cookie с помощью cookieStore.set() , что позволяет указывать срок действия cookie в секундах, а не вычислять абсолютную метку времени expires . Параметр maxAge теперь доступен в Chrome, Firefox и Safari 27.

Browser Support

  • Chrome: 145.
  • Edge: 145.
  • Firefox: 148.
  • Сафари: 27.

Настраиваемый <select> в Safari 27

В Safari 27 добавлена ​​поддержка настраиваемых меню <select> с использованием appearance: base-select и элемента <selectedcontent> , что дополняет Chrome.

Добавление <select> ` ::picker(select) в appearance: base-select переключает элемент управления на стилизуемый базовый внешний вид, позволяя размещать расширенный HTML-контент внутри элементов <option> picker(select)` и настраивать стиль для кнопки и выпадающего списка.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: за флагом.
  • Сафари: 27.

Декларативные элементы <camera> и <microphone> в Chrome

В Chrome 153 появились HTML-элементы <camera> и <microphone> .

Основываясь на элементе <usermedia> , элементы <camera> и <microphone> предоставляют выделенные, активируемые пользователем декларативные элементы управления для запроса доступа к захвату видео или аудио с одной функцией без запуска запросов на разрешение, инициируемых скриптом при загрузке страницы.

Browser Support

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

Дополнения к JavaScript: Iterator и Promise

В Chrome 153 добавлена Iterator.prototype.join() а также возможность совместной итерации с использованием Iterator.zip() и Iterator.zipKeyed() .

Browser Support

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

Source

В Firefox 155 реализованы Promise.allKeyed() и Promise.allSettledKeyed() , которые принимают объект-словарь, содержащий промисы, и разрешаются в объект с теми же ключами.

Browser Support

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

Source

Обновления WebTransport в Firefox 155

В Firefox 155 расширена реализация WebTransport :

Browser Support

  • Chrome: 143.
  • Край: 143.
  • Firefox: 155.
  • Сафари: 26.4.

Source

API статической маршрутизации Service Worker в Safari 27

В Safari 27 добавлена ​​поддержка API статической маршрутизации Service Worker через InstallEvent.addRoutes() .

Этот API позволяет сервисному работнику регистрировать декларативные правила маршрутизации во время установки, чтобы соответствующие запросы могли обходить запуск сервисного работника и получать данные непосредственно из сети или кэша, повышая производительность навигации.

Browser Support

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

Source

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

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

В Chrome 155 beta добавлены CSS- margin-trim , symbols() и text-decoration-skip-spaces , а также поддержка декодирования JPEG XL ( image/jxl ), импорт текстовых модулей ( import ... with { type: "text" } ) и поддержка выдачи цифровых учетных данных через API.

Chrome 156 beta includes the CSS random() function, CSS corner shorthand properties, single-axis scroll containers, scroll-snap-type: pair , the image-animation property and :animated-image pseudo-class, media element state pseudo-classes ( :playing , :paused , :seeking , :buffering , :stalled , :muted , :volume-locked ), deferred module evaluation ( import defer ), and the HTML <install> element and Web Install API.

В Safari 27.2 beta добавлена ​​поддержка safe и unsafe выравнивания при переполнении в сочетании с normal , включено safe выравнивание для блоков с фиксированным положением и элементов ::picker(select) , а также переименовано flow-tolerance в fit-tolerance для display: grid-lanes .