Satuan panjang pada CSS

Cara penulisan satuan panjang pada CSS dibedakan menjadi 8 satuan. yaitu px, em, pt,  pc, cm, mm, in, dan %

1. px
   px adalah satuan berdasarkan pixel contoh
   

   width:12px

2. em
   em adalah satuan untuk menentukan nilai ukuran font. misal "2em" maksudnya adalah ukuran font menjadi 2 kali ukuran font yang sedang digunakan
   

   font-size:2em

3. pt
   pt adalah satuan untuk ukuran dalam point, yang biasanya digunakan pada style sebelum di cetak/print
4. %
   % adalah satuan yang digunakan untuk ukuran lebar atau tinggi, misalkan

   div{width: 80%;}

   berarti lebar tag div sebesar 80% dari ukuran jendela
5. pc
   pc adalah satuan dalam picas
6. cm
   cm adalah satuan dalam sentimeter
7. mm
   mm adalah satuan dalam milimeter
8. in
   in adalah satuan dalam inchi

semoga bermanfaat