var()¶

Функцию var() можно использовать для вставки значения пользовательского свойства (иногда называемого «переменной CSS») вместо любой части значения другого свойства.

Демо¶

Функцию var() нельзя использовать в именах свойств, селекторах или где-либо еще, кроме значений свойств. Это обычно приводит к недопустимому синтаксису или значению, значение которого не связано с переменной.

Спецификация¶

• CSS Custom Properties for Cascading Variables Module Level 1

Пример¶

1
2
3
4
5
6
7

:root {
  --main-bg-color: pink;
}

body {
  background-color: var(--main-bg-color);
}

Комментарии