-->
Функция var()
Пример
Сначала объявите глобальную переменную с именем "--main-bg-color", затем используйте функцию var(), чтобы вставить значение этой переменной позже в таблицу стилей:
:root {
--main-bg-color: coral;
}
#div1 {
background-color: var(--main-bg-color);
}
#div2 {
background-color: var(--main-bg-color);
}
Попробуйте сами »
Определение var()
Функция var()
используется для вставки значения CSS переменной.
Версия: | CSS3 |
---|
Поддержка браузера var()
Цифры в таблице указывают первую версию браузера, полностью поддерживающую данную функцию.
Функция | |||||
---|---|---|---|---|---|
var() | 49.0 | 15.0 | 31.0 | 9.1 | 36.0 |
CSS Синтаксис var()
var(--name, value)
Значение | Описание |
---|---|
name | Необходимый. Имя переменной (должно начинаться с двух тире) |
value | Необязательный. Резервное значение (используется, если переменная не найдена) |
Ещё примеры var()
Пример
Другой пример, в котором используется функция var() для вставки нескольких значений переменных CSS:
:root {
--main-bg-color: coral;
--main-txt-color: blue;
--main-padding: 15px;
}
#div1 {
background-color: var(--main-bg-color);
color: var(--main-txt-color);
padding: var(--main-padding);
}
#div2 {
background-color: var(--main-bg-color);
color: var(--main-txt-color);
padding: var(--main-padding);
}
Попробуйте сами »
Похожие страницы var()
CSS учебник: CSS Переменные