Справочник единиц CSS
| Unit | Name | Type | Description | Example |
|---|---|---|---|---|
| px | Pixels | absolute | One pixel on screen. The most basic unit. | font-size: 16px; |
| em | Em | relative | Multiple of the parent element font-size. | padding: 1.5em; |
| rem | Root Em | relative | Multiple of the root (html) element font-size. | margin: 2rem; |
| % | Percent | relative | Percentage relative to the corresponding parent property. | width: 50%; |
| vw | Viewport Width | viewport | 1% of the viewport width. | width: 100vw; |
| vh | Viewport Height | viewport | 1% of the viewport height. | height: 100vh; |
| vmin | Viewport Min | viewport | 1% of the smaller of vw and vh. | font-size: 5vmin; |
| vmax | Viewport Max | viewport | 1% of the larger of vw and vh. | width: 50vmax; |
| dvh | Dynamic VH | viewport | Dynamic viewport height (accounts for mobile address bar). | height: 100dvh; |
| svh | Small VH | viewport | Smallest viewport height. | min-height: 100svh; |
| lvh | Large VH | viewport | Largest viewport height. | max-height: 100lvh; |
| ch | Character | relative | Based on the width of the "0" character. | max-width: 60ch; |
| ex | X-Height | relative | Based on the height of the "x" character. | line-height: 2ex; |
| cm | Centimeters | absolute | Centimeters. For print. | width: 10cm; |
| mm | Millimeters | absolute | Millimeters. For print. | margin: 5mm; |
| in | Inches | absolute | Inches (1in = 96px). | width: 2in; |
| pt | Points | absolute | Points (1pt = 1/72in). | font-size: 12pt; |
| cqi | Container Inline | container | 1% of the container inline size. | font-size: 5cqi; |
| cqb | Container Block | container | 1% of the container block size. | padding: 2cqb; |
19개 표시 중
Последнее обновление: 2026 · Бесплатный онлайн-инструмент
Что такое Справочник единиц CSS?
Бесплатный справочник по единицам CSS — px, em, rem, %, vw, vh, vmin, vmax, ch — по категориям, с понятными пояснениями, когда и как применять каждую единицу.
Как использовать
- 1Ввод— Введите необходимые данные.
- 2Результаты— Просмотрите результаты обработки.
- 3Копирование— Скопируйте результаты для использования.
Связанные инструменты
Шпаргалка по RegexБесплатная поисковая шпаргалка по regex, которая упорядочивает синтаксис регулярных выражений по категориям, таким как метасимволы, квантификаторы, якоря и группы, с копированием шаблонов в один клик и совместимостью с JavaScript.
Шпаргалка по GitБесплатная шпаргалка по Git с поиском по командам по категориям: от веток и слияния до rebase, stash и reset, у каждой показаны применение и уровень опасности.
Часто задаваемые вопросы
Бесплатный онлайн-справочник единиц CSS: длина, углы, время.
Нет. Вся обработка происходит в браузере.
Да, адаптивный дизайн работает на мобильных устройствах.