Em Space คืออะไร

พื้นที่ em เป็นคำที่ได้มาจากความกว้างของตัวอักษร "M" บนตัวบล็อกโลหะที่ใช้กับแท่นพิมพ์ก่อนหน้าคล้ายกับบล็อกที่แสดงในภาพในหน้านี้

วันนี้มีการใช้พื้นที่ em เพื่อกำหนดขนาดจุดปัจจุบันของตัวอักษร ตัวอย่างเช่นประเภท 12 จุดมีช่องว่าง em เท่ากับ 12 จุดซึ่งหมายความว่าแต่ละช่องว่างมี 12 จุด

นักออกแบบเว็บไซต์หรือผู้ที่ทำงานกับ CSS มักจะได้รับการแนะนำให้รู้จักกับการวัดค่า em เมื่อกำหนดขนาดของแบบอักษร ค่า Em กำหนดขนาดแบบอักษรของคุณเพื่อช่วยปรับขนาดสัมพันธ์กับขนาดแบบอักษรเริ่มต้นของเบราว์เซอร์หรือขนาดแบบอักษรของเว็บไซต์

ตัวอย่างเช่นในตัวอย่างด้านล่างของขนาด em ที่ต่างกัน 1em มีขนาดเท่ากับข้อความในหน้านี้ การเพิ่ม em ให้เป็น 2em จะเพิ่มขนาดตัวอักษรเป็นสองเท่าได้อย่างมีประสิทธิภาพและ 0.5 ลดขนาดของแบบอักษรลงครึ่งหนึ่ง

ตัวอย่าง

นี่คือตัวอย่างของ 2em

นี่คือตัวอย่างของ 1em

นี่คือตัวอย่างของ 0.5 em

รหัส HTML

ขนาดตัวอักษร em สามารถวางในแท็กสไตล์ HTML หรือภายในรหัส CSS ด้านล่างเป็นตัวอย่างของการระบุขนาดตัวอักษร em ในแท็กวรรค HTML

นี่คือตัวอย่างของ 2em

ด้านล่างนี้เป็นตัวอย่างของ CSS ที่ใช้กับแท็กวรรคทั้งหมด ดังที่เห็นในตัวอย่าง em ไม่ จำกัด ขนาดตัวอักษร นอกจากนี้ยังสามารถใช้เพื่อกำหนดการเว้นวรรคการเว้นระยะห่างความสูงบรรทัดและการตั้งค่าอื่น ๆ

 p {font: 1.09em; ความสูงของเส้น: 1.7em; padding: 0 7em 2em 0; } 

Em, Em dash, En space, ขนาดตัวอักษร, การวัด, คำศัพท์ที่ใช้ในการพิมพ์