Между октябрём 2025 и апрелем 2026 целая пачка CSS-возможностей достигла Baseline — то есть работает во всех современных браузерах. Пора выкидывать «не могу использовать» из словаря.
Anchor Positioning
Нативная привязка компонентов к целевым элементам — без костылей с DOM и без нагрузки на main thread. Больше не нужно городить JS-позиционирование для тултипов, выпадашек и поповеров.
Отдельные суб-фичи ещё не везде поддерживаются, но общий набор уже готов к использованию.
@scope
Важный момент, который часто путают: это скопирование селекторов, а не изоляция стилей. Смысл в том, чтобы упростить соглашения об именовании и не плодить длиннющие классы ради защиты от коллизий в глобальном каскаде.
Особенно интересна концепция «пончика» 🍩 — можно задать конец области применения селектора, чтобы стили не просачивались в дочерние компоненты. Своеобразная дырка в пончике.
Name Only Container Queries
Теперь @container не требует условия по размеру. Можно применять стили к элементам, просто ссылаясь на имя контейнера:
.sidebar {
container-name: sidebar;
}
.card {
display: grid;
@container sidebar {
grid-auto-flow: column;
}
}
Поддержка:
- Chrome 149
- Safari 26.4
- Firefox 148
shape()
Адаптивная нативная геометрия средствами CSS. Рисуешь сложные clipping paths обычным CSS-синтаксисом с динамическими единицами (rem, calc()) — без привязки к жёстким SVG-координатам в пикселях.
shape-outside с xywh() и rect()
Оборачивание inline-текста вокруг точных геометрических границ с помощью xywh() и rect(). Типографический контроль над обтеканием floating-элементов — без изображений и clip-path.
Поддержка:
- Chrome 150 (скоро)
- Safari 18
- Firefox 149
view-transition-class и Types
Анимации в духе SPA-роутинга.
view-transition-class— позволяет накрыть одним анимационным правилом целую коллекцию DOM-узлов сразу.- JS View Transition Types — программно задаёшь направление анимации: «вперёд» или «назад», в зависимости от контекста навигации.
rcap, rch, rex, ric
Новые типографические единицы для более точного контроля над текстом. Все четыре теперь в Baseline и готовы к использованию.