Satuan dalam CSS

Pengertian

Satuan adalah penanda yang terdapat pada suatu unit ukuran, misal cm, m, km dsb.
Dalam CSS jua terdapat satuan unit ukuran terutama untuk menentukan width atau height suatu elemen. Termasuk juga properti CSS seperti margin dan padding yang juga menggunakan unit satuan ukuran untuk menentukan nilainya seperti px, em dst.

Satuan unit ukuran dalam CSS terbagi menjadi 2 kategori berdasarkan nilainya yaitu :

1. Satuan unit ukuran dengan nilai pasti atau mutlak (absolute lenght).
2. Satuan unit ukuran dengan nilai yang menyesuaikan (tergantung pada) (relative lenght).

Absolute Lenght

Satuan	Keterangan
cm	centimeter
mm	millimeter
in	inchi (1in = 96px = 2.54cm)
px *	pixel (1px = 1/96th of 1in)
pt	point (1pt = 1/72 of 1in)
pc	pica (1pc = 12 pt)

Relative Lenght

Satuan	Keterangan
em	menyesuaikan (tergantung pada) ukuran font pada elemen (2em = 2x ukuran font yang terpakai.)
ex	menyesuaikan (tergantung pada) panjang font yang digunakan (rarely used)
ch	menyesuaikan (tergantung pada) panjang dari 0
rem	menyesuaikan (tergantung pada) ukuran font pada akar elemen.
vw	menyesuaikan (tergantung pada) 1% panjang area pandang (viewport).
vh	menyesuaikan (tergantung pada) 1% of the tinggi area pandang (viewport).
vmin	menyesuaikan (tergantung pada) 1% lebih kecil dari ukuran area pandang (viewport).
vmax	menyesuaikan (tergantung pada) 1% lebih besar dari ukuran area pandang (viewport).
%	menyesuaikan (tergantung pada) the parent element

Viewport adalah: area pandang, yaitu luas halaman web yang bisa dilihat sesuai ukuran layar suatu perangkat.