Веб-страница | frontend, backend, fullstack, react, vue, javascript, typescript, css, html
IT и технологии · 2 октября 2026 г.
Как @property управляет вычислением CSS-переменной
Как @property управляет вычислением CSS-переменной Без регистрации значение пользовательского свойства хранится как набор токенов. Если у второго div задать --index: sibling-index(), а применить var(--index) к его первому ребёнку, sibling-index() вычислится для ребёнка и вернёт 1. Регистрация @property с синтаксисом <number> меняет момент вычисления: функция превращается в число в контексте второго div и даёт 2. Этот выбор также влияет на единицы em и lh, единицы контейнерных запросов и URL. Тип <url> привязывает адрес к таблице стилей, где объявлена переменная. Я сохранил разбор Джейка Арчибальда как памятку для зависимых от контекста CSS-переменных: сначала проверьте регистрацию и синтаксис свойства.