# Пользовательские свойства CSS

URL: https://chugunov.pro/glossary/frontend/pol-zovatel-skie-svoistva-css/
Оригинальное название: CSS custom properties
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Переменные, объявляемые в CSS с именем вида --name и используемые через функцию var() для повторного применения значений.

## Что такое «Пользовательские свойства CSS»

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

## Связанные термины

- [Значение CSS](https://chugunov.pro/glossary/frontend/znachenie-css/) — Данные, присваиваемые CSS-свойству и определяющие конкретный результат его применения.
- [Каскад CSS](https://chugunov.pro/glossary/frontend/kaskad-css/) — Система выбора итогового значения CSS-свойства с учётом источника стилей, важности, слоя, специфичности и порядка правил.
- [Набор CSS-правил](https://chugunov.pro/glossary/frontend/nabor-css-pravil/) — Селектор вместе с блоком деклараций, определяющих оформление выбранных элементов.
- [Число CSS](https://chugunov.pro/glossary/frontend/chislo-css/) — Числовой тип значения CSS без единицы измерения.
- [CSS-декларация](https://chugunov.pro/glossary/frontend/css-deklaratsiia/) — Пара «свойство: значение» внутри блока CSS-правила.
- [CSS-переход](https://chugunov.pro/glossary/frontend/css-perekhod/) — Плавная интерполяция между старым и новым значением CSS-свойства при изменении состояния.
- [CSS-фигуры](https://chugunov.pro/glossary/frontend/css-figury/) — Механизм задания геометрического контура, вокруг которого обтекает текстовое содержимое.
- [CSS-препроцессор](https://chugunov.pro/glossary/frontend/css-preprotsessor/) — Инструмент, расширяющий CSS переменными, вложенностью, функциями и другими конструкциями с последующей компиляцией в обычные стили.