Есть ли переменные в CSS?

Question

В CSS существуют переменные, которые называются CSS Custom Properties. Они объявляются через --имя и используются через функцию var(). Переменные помогают переиспользовать значения и упрощают поддержку стилей. Чаще всего их применяют для цветов, размеров и тем оформления.

YeaHub · Accepted Answer

CSS позволяет объявлять переменные прямо в стилях и использовать их в любом месте.Определение:CSS-переменная (CSS variable, custom property) — это именованное значение, которое можно переиспользовать в разных местах CSS.Пример объявления:root {
  --main-color: #3498db;
}
Пример использованияbutton {
  background-color: var(--main-color);
}
Как работаетПеременная объявляется через --.Используется через var().Может наследоваться.Где применяетсяТемы оформления.Дизайн-системы.Повторяющиеся значения.ВыводCSS-переменные позволяют централизованно управлять стилями и уменьшают дублирование кода.