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👊👊👋😉
0 Komentar