Home
Guestbook
About
Message
FeedCara 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.
CARA PENGGUNAAN
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.