CSS-enhetsreferens

Referens för CSS-enheter som px, em, rem, %, vw, vh, vmin, vmax och ch, ordnade per kategori. Med tydliga förklaringar av varje absolut och relativ enhet, gratis i webbläsaren.

Enhet	Namn	Typ	Beskrivning	Exempel
px	Pixels	absolute	En pixel på skärmen. Den mest grundläggande enheten.	font-size: 16px;
em	Em	relative	Multipel av förälderelementets font-size.	padding: 1.5em;
rem	Root Em	relative	Multipel av rotelementets (html) font-size.	margin: 2rem;
%	Percent	relative	Procent i förhållande till förälderns motsvarande egenskap.	width: 50%;
vw	Viewport Width	viewport	1 % av viewport-bredden.	width: 100vw;
vh	Viewport Height	viewport	1 % av viewport-höjden.	height: 100vh;
vmin	Viewport Min	viewport	1 % av det minsta av vw och vh.	font-size: 5vmin;
vmax	Viewport Max	viewport	1 % av det största av vw och vh.	width: 50vmax;
dvh	Dynamic VH	viewport	Dynamisk viewport-höjd (tar hänsyn till mobilens adressfält).	height: 100dvh;
svh	Small VH	viewport	Minsta viewport-höjden.	min-height: 100svh;
lvh	Large VH	viewport	Största viewport-höjden.	max-height: 100lvh;
ch	Character	relative	Baseras på bredden av tecknet ”0”.	max-width: 60ch;
ex	X-Height	relative	Baseras på höjden av tecknet ”x”.	line-height: 2ex;
cm	Centimeters	absolute	Centimeter. För tryck.	width: 10cm;
mm	Millimeters	absolute	Millimeter. För tryck.	margin: 5mm;
in	Inches	absolute	Tum (1in = 96px).	width: 2in;
pt	Points	absolute	Punkter (1pt = 1/72in).	font-size: 12pt;
cqi	Container Inline	container	1 % av containerns inline-storlek.	font-size: 5cqi;
cqb	Container Block	container	1 % av containerns blockstorlek.	padding: 2cqb;

19개 표시 중

Bädda in

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

Senast uppdaterad: 2026 · Gratis onlineverktyg

Vad är CSS-enhetsreferens?

Referens för CSS-enheter som px, em, rem, %, vw, vh, vmin, vmax och ch, ordnade per kategori. Med tydliga förklaringar av varje absolut och relativ enhet, gratis i webbläsaren.

Så använder du

1
Sök— Sök efter den post du behöver med nyckelord.
2
Kategori— Filtrera med kategoriknappar.
3
Kopiera— Kopiera den post du behöver.

Relaterade verktyg

PX till REM KonverterarePX-till-REM-konverterare som räknar om CSS-pixlar och rem åt båda hållen utifrån en valfri rotstorlek, decimaler inkluderade. Med kopieringsbar referenstabell och CSS-snutt, gratis i webbläsaren.

WebbläsarkompatibilitetskontrollKontrollera webbläsarstöd för valfri CSS-, JavaScript-, HTML- eller Web API-funktion: vilka versioner av Chrome, Firefox, Safari och Edge som stöder den. Gratis och direkt i webbläsaren.

CSS-gradientgeneratorVisuell CSS-gradientgenerator för linjära, radiella och koniska gradienter: sätt färgstopp, justera vinkeln och kopiera CSS-koden. Perfekt för bakgrunder och knappar, gratis i webbläsaren.

CSS box-shadow-generatorCSS-box-shadow-generator med reglage för offset, oskärpa, spridning, färg och inset samt liveförhandsvisning. Kopiera färdig box-shadow-CSS, gratis i webbläsaren.

Vanliga frågor

Ett gratis onlineverktyg för att bläddra bland CSS-enheter som px, em, rem, vh, vw efter kategori.

Ja, du kan söka i realtid med nyckelord.

Nej. Det använder statisk data och fungerar offline.

Ja, klicka på en post för att kopiera den.

Ja, den responsiva designen fungerar på mobila enheter.