sandalian.com


Konversi Em ke Pixel dan Point

22 January 2019 10:46:03 WIB, under category HTML,Technical Stuffs,Web Dev

Beberapa waktu terakhir saya lebih banyak bermain di front end sehingga lebih sering bersinggungan dengan HTML, CSS, dan JavaScript.

Salah satu hal yang agak tricky adalah penggunaan satuan em, px (pixel), dan pt (point) saat menentukan lebar atau tinggi suatu obyek. Agar mudah diingat, berikut ini contekan yang saya gunakan:

PxEmPersen (%)Pt
6px0.375em37.5%5pt
7px0.438em43.8%5pt
8px0.5em50%6pt
9px0.563em56.3%7pt
10px0.625em62.5%8pt
11px0.688em68.8%8pt
12px0.75em75%9pt
13px0.813em81.3%10pt
14px0.875em87.5%11pt
15px0.938em93.8%11pt
16px1em100%12pt
17px1.063em106.3%13pt
18px1.125em112.5%14pt
19px1.188em118.8%14pt
20px1.25em125%15pt
21px1.313em131.3%16pt
22px1.375em137.5%17pt
23px1.438em143.8%17pt
24px1.5em150%18pt

Catatan ini berfungsi sebagai catatan pribadi agar lebih mudah saat ingin saya tengok lagi.


No comments yet, dooh!

Wohaa, no comments yet. You can say Pertamax :p

RSS for comments TrackBack URL

Leave a comment or two

Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>