Konversi PX ke EM
Konverter PX ke EM
- Atur ukuran font default (biasanya 16px)
- Kemudian, ubah nilai piksel menjadi em, berdasarkan ukuran default
- Atau, ubah nilai em ke piksel, berdasarkan ukuran default
Setel ukuran font default:
pxKonversi PX ke EM:
px
Konversi EM ke PX:
di
Hasil:
Ukuran Font Tubuh
Pada tabel di bawah ini, pilih ukuran font isi dalam piksel (px) untuk menampilkan tabel konversi lengkap "px ke em dan persen".
Tip: Ukuran font default biasanya 16px.
| px | em | percent |
|---|---|---|
| 5px | 0.3125em | 31.25% |
| 6px | 0.3750em | 37.50% |
| 7px | 0.4375em | 43.75% |
| 8px | 0.5000em | 50.00% |
| 9px | 0.5625em | 56.25% |
| 10px | 0.6250em | 62.50% |
| 11px | 0.6875em | 68.75% |
| 12px | 0.7500em | 75.00% |
| 13px | 0.8125em | 81.25% |
| 14px | 0.8750em | 87.50% |
| 15px | 0.9375em | 93.75% |
| 16px | 1.0000em | 100.00% |
| 17px | 1.0625em | 106.25% |
| 18px | 1.1250em | 112.50% |
| 19px | 1.1875em | 118.75% |
| 20px | 1.2500em | 125.00% |
| 21px | 1.3125em | 131.25% |
| 22px | 1.3750em | 137.50% |
| 23px | 1.4375em | 143.75% |
| 24px | 1.5000em | 150.00% |
| 25px | 1.5625em | 156.25% |
Apa perbedaan antara PX, EM dan Persen?
Pixel adalah pengukuran statis, sedangkan persen dan EM adalah pengukuran relatif. Persen tergantung pada ukuran font induknya. EM relatif terhadap ukuran font elemen saat ini (2em berarti 2 kali ukuran font saat ini). Jadi, Jika ukuran font badan adalah 16 piksel, maka 150% akan menjadi 24 piksel (1,5 * 16), dan 2em akan menjadi 32 piksel (16 * 2). Lihat Unit CSS untuk unit pengukuran lainnya.