Insane
Home » Article » Tool » Rem Calculator

Rem Calculator

f_huda19   14 Februari 2016   04:14:16   0 Suka   Favorit

Cara menghitung satuan rem dalam CSS


Pengertian satuan rem dalam CSS: Rem adalah satuan dalam CSS yang memiliki keterkaitan nilai berdasarkan ukuran font (font-size) pada elemen html. Artinya, jika sebuah elemen html memiliki font-size 16px (100%) maka children akan diwarisi skala ukuran dari font html tersebut. Kita asumsikan bahwa sebuah elemen html memiliki ukuran font 16px sedang di elemen body memiliki ukuran font sebesar 0.875rem. Pertanyaannya adalah, berapa ukuran font di dalam elemen body dalam satuan px? Maka dapat kita ketahui dengan cara seperti ini: 0.875rem x 16px = 14px.

Perbedaan satuan rem dan em: Setelah kamu paham dengan apa yang sudah dijelaskan di atas, akan timbul pertanyaan baru. Apa perbedaan dari rem dan em? Yang jelas keduanya sama-sama memiliki nilai yang diwariskan oleh elemen induknya. Namun, jika em diwarisi oleh parent terdekatnya sedangkan rem hanya diwarisi oleh elemen html. Bisa dikatakan bahwa em adalah pewaris dari rem yang artinya "r" atau root.

px

  • Pilih metode yang kamu inginkan.

  • Base adalah ukuran font pada elemen html.

  • Isi calc dengan nilai yang akan dihitung.
    Pisahkan dengan koma (,) jika nilai yang dihitung lebih dari satu.

  • Klik calculate nanti hasilnya akan muncul disini.

KIRIM KOMENTAR