Unit CSS - Unit Relative

 

5. Unit CSS

         Banyak dari property CSS yang nilainya berupa angka. Angka-angka tersebut biasanya memiliki satuan atau  unit yang berbeda-beda tergantung dari property yang digunakan.

Unit pada CSS dibagi menjadi 2 yaitu unit relative dan unit absolute. Berikut penjelasan masing-masing :

5.1          Unit Relative

Yaitu  unit yang menunjukan ukuran yang berubah-ubah, menyesuaikan property lain dan akan berubah ketika melakukan zoom pada browser. Yang termasuk dalam kelompok ini yaitu :

1.       em, relative terhadap ukuran font-size dari elemen (2em artinya 2x dari ukuran font yang digunakan saat ini)

2.       ex, relative terhadap x-height (dari font yang digunakan saat ini)

3.       ch, relative terhadap lebar “0” (nol)

4.       rem, relative terhadap font-size (dari root-elemen)

5.       vw, relative terhadap 1% dari lebar viewport, (akan berubah ketika lebar browser diubah)

6.       vh,  relative terhadap 1% dari tinggi viewport, (akan berubah ketika lebar browser diubah)

7.       vmin, relative terhadap 1% dari ukuran viewport yang lebih kecil antara lebar dan tinggi.

8.       vmax, relative terhadap 1% dari ukuran viewport yang lebih lebar antara lebar dan tinggi.

9.       %, relative terhadap ukuran container (biasanya digunakan pada property width dan height)

Unit yang paling umum digunakan biasanya em dan %

 

                   Semoga bermanfaat buat sobat yang baru tau👊👊👋😉