# Утилитарный класс

URL: https://chugunov.pro/glossary/frontend/utilitarnyi-klass/
Оригинальное название: utility
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Небольшой CSS-класс, выполняющий одну конкретную задачу оформления.

## Что такое «Утилитарный класс»

Небольшой CSS-класс, выполняющий одну конкретную задачу оформления. Например, класс задаёт отступ, цвет текста или выравнивание одним свойством. Из таких атомарных классов собирают вёрстку прямо в разметке — на этом строятся utility-first фреймворки. Подход ускоряет разработку, но при избытке классов разметка становится многословной.

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

- [Выравнивание текста](https://chugunov.pro/glossary/frontend/vyravnivanie-teksta/) — CSS-свойство горизонтального расположения строк текста внутри блока. `text-align` выравнивает текст по левому, правому краю, центру или по ширине.
- [Пользовательские свойства CSS](https://chugunov.pro/glossary/frontend/pol-zovatel-skie-svoistva-css/) — Переменные, объявляемые в CSS с именем вида --name и используемые через функцию var() для повторного применения значений.
- [Валидный код](https://chugunov.pro/glossary/frontend/validnyi-kod/) — Код или документ, соответствующий синтаксису и обязательным правилам используемой спецификации.
- [Миксин](https://chugunov.pro/glossary/frontend/miksin/) — Повторно используемый набор правил или операций, который препроцессор либо фреймворк подставляет в разные компоненты.
- [Слой каскада](https://chugunov.pro/glossary/frontend/sloi-kaskada/) — Именованный уровень CSS, позволяющий заранее управлять приоритетом групп стилей независимо от специфичности селекторов.
- [Бокс внешнего отступа](https://chugunov.pro/glossary/frontend/boks-vneshnego-otstupa/) — Внешняя область блочной модели, включающая размер элемента вместе с его margin.
- [Вертикальное выравнивание](https://chugunov.pro/glossary/frontend/vertikal-noe-vyravnivanie/) — CSS-свойство выравнивания строчных и табличных элементов относительно базовой линии или ячейки. `vertical-align` действует на инлайн- и table-cell элементы, а не на блоки в потоке.
- [Внешний отступ](https://chugunov.pro/glossary/frontend/vneshnii-otstup/) — Прозрачное пространство за границей элемента, отделяющее его от соседних блоков.