Referencja jednostek CSS

Przewodnik po jednostkach CSS px, em, rem, %, vw, vh, vmin, vmax i ch, uporządkowany według kategorii. Z jasnym opisem każdej jednostki bezwzględnej i względnej, za darmo w przeglądarce.

Jednostka	Nazwa	Typ	Opis	Przykład
px	Pixels	absolute	Jeden piksel na ekranie. Najbardziej podstawowa jednostka.	font-size: 16px;
em	Em	relative	Wielokrotność font-size elementu nadrzędnego.	padding: 1.5em;
rem	Root Em	relative	Wielokrotność font-size elementu głównego (html).	margin: 2rem;
%	Percent	relative	Procent odpowiedniej właściwości elementu nadrzędnego.	width: 50%;
vw	Viewport Width	viewport	1% szerokości obszaru widoku.	width: 100vw;
vh	Viewport Height	viewport	1% wysokości obszaru widoku.	height: 100vh;
vmin	Viewport Min	viewport	1% mniejszej z wartości vw i vh.	font-size: 5vmin;
vmax	Viewport Max	viewport	1% większej z wartości vw i vh.	width: 50vmax;
dvh	Dynamic VH	viewport	Dynamiczna wysokość obszaru widoku (uwzględnia pasek adresu na telefonie).	height: 100dvh;
svh	Small VH	viewport	Najmniejsza wysokość obszaru widoku.	min-height: 100svh;
lvh	Large VH	viewport	Największa wysokość obszaru widoku.	max-height: 100lvh;
ch	Character	relative	Na podstawie szerokości znaku „0”.	max-width: 60ch;
ex	X-Height	relative	Na podstawie wysokości znaku „x”.	line-height: 2ex;
cm	Centimeters	absolute	Centymetry. Do druku.	width: 10cm;
mm	Millimeters	absolute	Milimetry. Do druku.	margin: 5mm;
in	Inches	absolute	Cale (1in = 96px).	width: 2in;
pt	Points	absolute	Punkty (1pt = 1/72in).	font-size: 12pt;
cqi	Container Inline	container	1% rozmiaru inline kontenera.	font-size: 5cqi;
cqb	Container Block	container	1% rozmiaru bloku kontenera.	padding: 2cqb;

19개 표시 중

Osadź

<iframe src="https://devtools.patrache.studio/pl/references/css-units/?embed=1" width="100%" height="620"
  style="border:1px solid #e5e7eb;border-radius:12px" loading="lazy"
  title="Referencja jednostek CSS — Patrache Studio DevTools"></iframe>
<p><a href="https://devtools.patrache.studio/pl/references/css-units/">Referencja jednostek CSS</a> by
   <a href="https://patrache.studio/">Patrache Studio</a></p>

Ostatnia aktualizacja: 2026 · Darmowe narzędzie online

Czym jest Referencja jednostek CSS?

Przewodnik po jednostkach CSS px, em, rem, %, vw, vh, vmin, vmax i ch, uporządkowany według kategorii. Z jasnym opisem każdej jednostki bezwzględnej i względnej, za darmo w przeglądarce.

Jak używać

1
Szukaj— Wyszukaj żądany element według słowa kluczowego.
2
Kategoria— Filtruj za pomocą przycisków kategorii.
3
Kopiuj— Skopiuj żądany element.

Powiązane narzędzia

Konwerter PX na REMKonwerter PX na REM przeliczający piksele i rem w obu kierunkach według konfigurowalnego rozmiaru czcionki bazowej, także dla wartości dziesiętnych. Z tabelą i snippetem CSS do skopiowania.

Sprawdzanie kompatybilności przeglądarekZgodność przeglądarek dla dowolnej funkcji CSS, JavaScript, HTML lub Web API: które wersje Chrome, Firefoksa, Safari i Edge ją obsługują. Za darmo i natychmiast w przeglądarce.

Generator gradientu CSSWizualny generator gradientów CSS: liniowych, radialnych i stożkowych. Dodaj punkty kolorów, ustaw kąt i skopiuj gotowy kod CSS do tła i przycisków, za darmo w przeglądarce.

Generator CSS box-shadowGenerator CSS box-shadow z regulacją przesunięcia, rozmycia, rozproszenia, koloru i inset oraz podglądem cienia na żywo. Skopiuj gotowy kod CSS, za darmo w przeglądarce.

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.