margin

คุณสมบัติของ margin เป็นการกำหนดพื้นที่ว่างรอบๆ element

• margin เป็นการล้างพื้นที่ภายนอกโดยรอบกรอบ element คุณสมบัติของ margin นั้นโปร่งใส และไม่สามารถกำหนดสีพื้นหลัง background ให้กับ margin ได้
• margin ประกอบด้วยกันสี่ด้านคือ บน ขวา ล่าง และซ้าย ซึ่งทั้งสี่ด้านนี้สามารถกำหนดและเปลี่ยนแปลง margin ได้อิสระต่อกัน
• การแสดงผล margin นั้นแตกต่างกันในแต่ละ browser ซึ่งค่าเริ่มต้นนั้นไม่แน่นอนขึ้นอยู่กับ browser นั้นๆ
• ความหนาของ margin นั้นสามารถกำหนดหน่วยเป็น pixels, pt, em หรือหน่วยอื่นๆ นอกเหนือจากนั้นยังสามารถกำหนดหน่วยเป็น % ของ element นั้นๆ

กำหนด margin ในแต่ละด้าน

css สามารถกำหนดความแตกต่างของ margin ในแต่ละด้านได้ โดยใช้คุณสมบัติของ margin ในแต่ละด้านดังนี้

• margin-top: กำหนดความหนา margin ด้านบน
• margin-right: กำหนดความหนา margin ด้านขวา
• margin-bottom: กำหนดความหนา margin ด้านล่าง
• margin-left: กำหนดความหนา margin ด้านซ้าย