Неделя 43 · 19–25 октября 2026
Safari Technology Preview 254: interpolate-size и calc-size()
В пробной сборке Safari появились переходы к height: auto без JavaScript, сокращения size и border-top-radius. В стабильном браузере их пока нет.
8 октября WebKit выпустил Safari Technology Preview 254 — пробную сборку браузера для macOS Golden Gate и macOS Tahoe. В ней шесть новых возможностей CSS. Самые полезные для вёрстки — свойство interpolate-size и функция calc-size(). С ними размер элемента можно плавно менять до auto, min-content или fit-content: раскрывающийся блок с переходом к height: auto делается на чистом CSS, без JavaScript и приёмов с max-height.
Остальные новинки: сокращённые свойства size, min-size и max-size, которые задают ширину и высоту одной записью; сокращения вроде border-top-radius — радиус сразу для двух углов одной стороны блока; функция symbols() для стилей счётчиков без отдельного правила @counter-style; свойство link-parameters и функция param(), которые передают значения во внешние SVG-изображения. Кроме того, в сборке исправлены ошибки в Grid, line-clamp и относительных цветах.
Technology Preview — не стабильный Safari: когда эти возможности дойдут до обычного выпуска, в заметках не сказано. В Chrome и Edge interpolate-size и calc-size() работают с версии 129. Подключать их можно уже сейчас как улучшение: браузер без поддержки покажет тот же блок, только без анимации.
Источник: WebKit: Release Notes for Safari Technology Preview 254