Unit Length CSS

Unit atau satuan misalnya untuk 1 kilogram gula pasir, berarti unit atau satuan dari gula pasir itu adalah kg, ini misalnya. Di dalam CSS kita juga akan mengenal unit atau satuan, berikut daftarnya:

1. %
   % menandakan bahwa suatu nilai memiliki unit atau satuannya adalah percentage.

   Sebagai contoh:

   <P STYLE="width: 50%;">Lorem ipsum...</P>

2. in
   in menandakan bahwa suatu nilai memiliki unit atau satuannya adalah inch.

   Sebagai contoh:

   <P STYLE="width: 6in;">Lorem ipsum...</P>

3. cm
   cm menandakan bahwa suatu nilai memiliki unit atau satuannya adalah centimeter.

   Sebagai contoh:

   <P STYLE="width: 6cm;">Lorem ipsum...</P>

4. mm
   mm menandakan bahwa suatu nilai memiliki unit atau satuannya adalah millimeter.

   Sebagai contoh:

   <P STYLE="width: 6mm;">Lorem ipsum...</P>

5. em
   1em sama dengan satu kali dari ukuran huruf yang ada, 2em sama dengan dua kali dari ukuran huruf yang ada, dst. Misalnya, jika huruf yang ada memiliki ukuran sebesar 6pt, kemudian anda memberikan nilai yang baru sebesar 2em, maka ukuran huruf yang ada sekarang adalah sebesar 12pt.

   Sebagai contoh:

   <P STYLE="width: 6em;">Lorem ipsum...</P>

6. ex
   1ex ukurannya adalah setengah dari ukuran huruf yang ada.

   Sebagai contoh:

   <P STYLE="width: 3ex;">Lorem ipsum...</P>

7. pt
   pt menandakan bahwa suatu nilai memiliki unit atau satuannya adalah point. 1pt sama dengan 1/72in.

   Sebagai contoh:

   <P STYLE="width: 50pt;">Lorem ipsum...</P>

8. pc
   pc menandakan bahwa suatu nilai memiliki unit atau satuannya adalah pica. 1pc sama dengan 12pt.

   Sebagai contoh:

   <P STYLE="width: 3pc;">Lorem ipsum...</P>

9. px
   px menandakan bahwa suatu nilai memiliki unit atau satuannya adalah pixel, pixel mewakili titik-titik yang ada di layar monitor komputer.

   Sebagai contoh:

   <P STYLE="width: 30px;">Lorem ipsum...</P>

Tambahan: Untuk penulisan singkatan dari satuan harus didempetkan dengan nilai itu sendiri, terkecuali untuk nilai 0 tidak perlu menambahkan satuan apapun. Contohnya 13 em (tidak sah karena ada spasi antara nilai dan satuannya) dan seharusnya 13em.