Pica คืออะไร? วิธีกำหนดขนาดฟอนต์ด้วยหน่วย pica ใน CSS

Pica (pc) คืออะไร?

Pica เป็นหน่วยวัดขนาดในการพิมพ์ 1 pica เทียบเท่ากับ 12 points ดังนั้น 1 นิ้ว = 6 picas

ตัวอย่าง: กำหนดขนาดฟอนต์ด้วย pica

<html>
  <head>
  </head>
  <body>
    <div style="position:relative; left:10px; top:3px; background-color:yellow; font-size:3pc;">
      This div has font size set in pica. </div>
  </body>
</html>

การแปลงหน่วย:

• 1 pc = 12 pt
• 1 pc = 1/6 นิ้ว ≈ 4.23 mm
• 1 pc ≈ 16 px (ขึ้นอยู่กับความหนาแน่นพิกเซล)

หมายเหตุ: หน่วย pica ใช้บ่อยในงานพิมพ์ (Print) มากกว่าจอแสดงผล เว็บปกติมักใช้ px, rem, em แทน