Referencja jednostek 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개 표시 중
Ostatnia aktualizacja: 2026 · Darmowe narzędzie online
Czym jest Referencja jednostek CSS?
Darmowy przewodnik po jednostkach CSS, w tym px, em, rem, %, vw, vh, vmin, vmax i ch, według kategorii, z jasnym wyjaśnieniem każdej jednostki bezwzględnej i względnej.
Jak używać
- 1Szukaj— Wyszukaj żądany element według słowa kluczowego.
- 2Kategoria— Filtruj za pomocą przycisków kategorii.
- 3Kopiuj— Skopiuj żądany element.
Powiązane narzędzia
Ściągawka RegexDarmowa przeszukiwalna ściągawka regex, która porządkuje składnię wyrażeń regularnych według kategorii takich jak metaznaki, kwantyfikatory, kotwice i grupy, z kopiowaniem wzorców jednym kliknięciem i zgodnością z regex JavaScript.
Ściągawka GitDarmowa ściąga Git z wyszukiwalnymi poleceniami według kategorii, od gałęzi i scalania po rebase, stash i reset, każde z zastosowaniem i poziomem ryzyka, by unikać błędów.
Najczęściej zadawane pytania
Darmowe narzędzie online do przeglądania jednostek CSS jak px, em, rem, vh, vw według kategorii.
Nie. Całe przetwarzanie odbywa się w przeglądarce.
Tak, możesz skopiować lub pobrać wyniki.
Tak, responsywny design działa na urządzeniach mobilnych.
Tak, jest całkowicie darmowe.