Справочник единиц CSS
Справочник единиц CSS px, em, rem, %, vw, vh, vmin, vmax и ch, сгруппированных по категориям. С понятными пояснениями к каждой абсолютной и относительной единице, бесплатно.
| Единица | Название | Тип | Описание | Пример |
|---|---|---|---|---|
| px | Pixels | absolute | Один пиксель экрана. Базовая единица. | font-size: 16px; |
| em | Em | relative | Кратно font-size родительского элемента. | padding: 1.5em; |
| rem | Root Em | relative | Кратно font-size корневого элемента (html). | margin: 2rem; |
| % | Percent | relative | Процент от соответствующего свойства родителя. | width: 50%; |
| vw | Viewport Width | viewport | 1% ширины вьюпорта. | width: 100vw; |
| vh | Viewport Height | viewport | 1% высоты вьюпорта. | height: 100vh; |
| vmin | Viewport Min | viewport | 1% от меньшего из vw и vh. | font-size: 5vmin; |
| vmax | Viewport Max | viewport | 1% от большего из vw и vh. | width: 50vmax; |
| dvh | Dynamic VH | viewport | Динамическая высота вьюпорта (с учётом адресной строки). | height: 100dvh; |
| svh | Small VH | viewport | Наименьшая высота вьюпорта. | min-height: 100svh; |
| lvh | Large VH | viewport | Наибольшая высота вьюпорта. | max-height: 100lvh; |
| ch | Character | relative | Ширина символа «0». | max-width: 60ch; |
| ex | X-Height | relative | Высота символа «x». | line-height: 2ex; |
| cm | Centimeters | absolute | Сантиметры. Для печати. | width: 10cm; |
| mm | Millimeters | absolute | Миллиметры. Для печати. | margin: 5mm; |
| in | Inches | absolute | Дюймы (1in = 96px). | width: 2in; |
| pt | Points | absolute | Пункты (1pt = 1/72in). | font-size: 12pt; |
| cqi | Container Inline | container | 1% строчного размера контейнера. | font-size: 5cqi; |
| cqb | Container Block | container | 1% блочного размера контейнера. | padding: 2cqb; |
19개 표시 중
Встроить
Последнее обновление: 2026 · Бесплатный онлайн-инструмент
Что такое Справочник единиц CSS?
Справочник единиц CSS px, em, rem, %, vw, vh, vmin, vmax и ch, сгруппированных по категориям. С понятными пояснениями к каждой абсолютной и относительной единице, бесплатно.
Как использовать
- 1Ввод— Введите необходимые данные.
- 2Результаты— Просмотрите результаты обработки.
- 3Копирование— Скопируйте результаты для использования.
Связанные инструменты
Конвертер PX-REMКонвертер PX в REM, пересчитывающий пиксели и rem в обе стороны по настраиваемому корневому размеру шрифта, включая дробные значения. С таблицей и CSS-сниппетом для копирования.
Проверка совместимости браузеровСовместимость браузеров для любой возможности CSS, JavaScript, HTML или Web API: какие версии Chrome, Firefox, Safari и Edge её поддерживают. Бесплатно и мгновенно в браузере.
Генератор CSS-градиентовВизуальный генератор CSS-градиентов: линейных, радиальных и конических. Добавляйте точки цвета, меняйте угол и копируйте готовый CSS для фонов и кнопок, бесплатно в браузере.
Генератор CSS box-shadowГенератор CSS box-shadow с настройкой смещения, размытия, растяжения, цвета и inset и живым предпросмотром тени. Скопируйте готовый CSS-код, бесплатно в браузере.
Часто задаваемые вопросы
Бесплатный онлайн-справочник единиц CSS: длина, углы, время.
Нет. Вся обработка происходит в браузере.
Да, адаптивный дизайн работает на мобильных устройствах.