Millised on mõõtühikud CSS-is?

Absoluutsed ja suhtelised.

Tüüp	Ühik	Kirjeldus
Absoluutsed	px	Pikseldid, sõltuvad ekraani resolutsioonist.
	pt	Punktid, 1/72 tolli.
	cm	Sentimeetrid.
	mm	Millimeetrid.
	in	Tollid, 1 toll = 2.54 cm.
	pc	Pika, 1 pika = 12 punkti.
Suhtelised	em	Seotud vanema elemendi fondi suurusega.
	rem	Seotud juurelemendi (html) fondi suurusega.
	vw	Seotud 1% vaatevälja laiusega.
	vh	Seotud 1% vaatevälja kõrgusega.
	vmin	Seotud 1% väiksema külje vaateväljast.
	vmax	Seotud 1% suurema külje vaateväljast.
	%	Seotud vanema elemendi (või sisalduva ploki) suurusega.
	ch	Seotud praeguse fondi '0' märgi laiusega.
	ex	Seotud praeguse fondi väikeste tähtede kõrgusega.

Valik sõltub kontekstist: px kasutatakse sageli piiride ja rasterpiltide jaoks, rem ja em — fondide ja vahede jaoks, pakkudes paremat skaleeritavust erinevatel seadmetel. Protsendväärtused on kasulikud reageerivale disainile.

/* Näide kasutamisest */
.container {
  width: 80%; /* Vanema suhtes */
  margin: 1rem auto; /* `html` fondi suuruse suhtes */
}

.box {
  padding: 20px; /* Absoluutväärtus */
  font-size: 1.2em; /* Vanema fondi suuruse suhtes */
  width: 50vw; /* Vaatevälja laiuse suhtes */
}