Опубликовано: 22 января 2025 г.
Поскольку Interop 2024 подходит к концу, в этом посте вспоминается самый успешный год для проекта. В итоге все экспериментальные браузеры получили оценку 99, причем стабильные версии не сильно отставали. Этот успех означает, что ряд функций теперь доступны в базовой комплектации.

Больше возможностей в Baseline
Чтобы функция стала доступной базовой версией, она должна быть функционально совместима. Поэтому неудивительно, что Interop 2024 помог ряду функций в этой линии и в Baseline 2024 .
Зарегистрированные пользовательские свойства
Правило @property
и статический метод CSS.registerProperty()
стали базовыми, доступными в июле 2024 года.
-
@property
на MDN - Запись
@property
на панели управления веб-платформы -
@property
: переменные CSS нового поколения теперь с универсальной поддержкой браузеров.
Свойство font-size-adjust
CSS-свойство font-size-adjust
сохраняет видимый размер текста независимо от используемого шрифта путем масштабирования шрифтов до одинакового размера с учетом определенного показателя, например высоты x. Это может помочь сделать так, чтобы резервные шрифты выглядели одинакового размера. Он стал базовой версией, доступной в июле 2024 года.
-
font-size-adjust
на MDN - запись
font-size-adjust
на панели управления веб-платформы - CSS
font-size-adjust
теперь находится в базовой версии
Метод requestVideoFrameCallback()
для <video>
Метод requestVideoFrameCallback()
для <video>
планирует функцию, которая запускается со следующим видеокадром. Он похож на requestAnimationFrame()
, но для видео и стал доступен в октябре 2024 года.
-
requestVideoFrameCallback()
на MDN - Запись
requestVideoFrameCallback()
на панели управления веб-платформы. - Выполняйте эффективные покадровые операции с видео с помощью
requestVideoFrameCallback()
Стиль полосы прокрутки с scrollbar-width
и scrollbar-gutter
Свойство CSS scrollbar-width
задает ширину полосы прокрутки, а scrollbar-gutter
резервирует место для полосы прокрутки, предотвращая нежелательные изменения макета при появлении и исчезновении полосы прокрутки. Они стали базовыми новыми доступными в декабре 2024 года.
Свойство transition-behavior
Объявление CSStransition transition-behavior: allow-discrete
разрешает переходы для свойств, поведение анимации которых дискретно. Такие свойства нельзя интерполировать и менять их начальное значение на конечное значение на уровне 50%. Этот объект недвижимости стал базовым новым доступным в августе 2024 года.
-
transition-behavior
на MDN - запись
transition-behavior
на панели управления веб-платформы - Теперь в базовой версии: анимация эффектов входа
text-wrap: balance
Свойство CSS text-wrap
определяет, как разбиваются строки в тексте, выходящем за пределы контейнера. Это сокращение от text-wrap-style
и text-wrap-mode
. Значение balance
позволяет создавать сбалансированные заголовки и другие короткие фрагменты текста. Свойство text-wrap
стало Baseline Newly доступным в марте 2024 года.
Поповер
Popover позволяет создавать наложения декларативно с помощью HTML или с помощью метода showPopover()
. Он почти добрался до версии Baseline Newly, и на самом деле изначально мы так и думали, однако из-за проблем с реализацией Safari он не совсем стал доступен в версии Newly в 2024 году. Хорошей новостью является то, что проблема исправлена в текущей версии. Safari Beta 18.3, поэтому скоро мы сможем должным образом объявить Popover как новую доступную базовую версию.
Исправления базовых функций
В Interop 2024 были включены функции, которые уже были классифицированы как базовые. Недавно доступные, работа заключалась в исправлении некоторых небольших различий в реализации. Это могут быть вещи, с которыми сталкиваются очень немногие люди, однако небольшие вещи имеют большое значение, если с ними сталкиваетесь вы.
CSS-вложение
Вложенность CSS позволяет использовать более короткие селекторы, их легче читать и повысить модульность за счет вложения правил в другие. Он стал базовой версией, доступной в декабре 2023 года, и был включен в Interop 2024 для устранения некоторых нерешенных проблем взаимодействия.
Декларативный теневой DOM
shadowrootmode
в <template>
создает теневой корень без использования JavaScript. Это декларативная альтернатива методу AttachShadow().
Скоро выйдет Interop 2025
Сейчас дорабатываются предложения для Interop 2025, и мы рады закрепить весь наш успех в этом году. Следите за анонсом в феврале, чтобы узнать, что включено. Чтобы следить за новостями, появившимися в Baseline, ознакомьтесь с нашей серией новых доступных функций Baseline здесь, на сайте web.dev.