CSS-də hansı ölçü vahidləri mövcuddur?

Məcburi və nisbətən vahidlər.

Növ	Vahid	Təsviri
Məcburi	px	Piksel, ekranın həllinə bağlıdır.
	pt	Nöqtə, 1/72 düym.
	cm	Santimetr.
	mm	Millimetr.
	in	Düyüm, 1 düym = 2.54 sm.
	pc	Pika, 1 pika = 12 nöqtə.
Nisbətən	em	Ata elementin şrift ölçüsünə nisbətən.
	rem	Kök elementin (html) şrift ölçüsünə nisbətən.
	vw	Görünüş sahəsinin 1%-inə nisbətən.
	vh	Görünüş sahəsinin 1%-inə nisbətən.
	vmin	Görünüş sahəsinin ən kiçik tərəfinin 1%-inə nisbətən.
	vmax	Görünüş sahəsinin ən böyük tərəfinin 1%-inə nisbətən.
	%	Ata elementin ölçüsünə nisbətən.
	ch	Cari şriftin '0' simvolunun eninə nisbətən.
	ex	Cari şriftin kiçik hərflərinin hündürlüyünə nisbətən.

Vahid seçimi kontekstdən asılıdır: px sərhədlər və raster şəkillər üçün çox istifadə olunur, rem və em şriftlər və kənar boşluqlar üçün, müxtəlif cihazlarda daha yaxşı ölçülənmə təmin edir. Faiz dəyərləri cavabverici dizaynlar üçün faydalıdır.

/* İstifadə nümunəsi */
.konteyner {
  width: 80%; /* Ata elementə görə */
  margin: 1rem auto; /* html elementinin şrift ölçüsünə görə */
}

.kutucuq {
  padding: 20px; /* Məcburi dəyər */
  font-size: 1.2em; /* Ata elementin şrift ölçüsünə görə */
  width: 50vw; /* Görünüş sahəsinin eninə görə */
}