Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

การใช้งานคุณสมบัติ margin ใน CSS


คุณสมบัติ margin กำหนดพื้นที่รอบอีเลเมนต์ HTML สามารถใช้ค่าลบเพื่อทับซ้อนเนื้อหาได้ ระบุ shorthand property สำหรับตั้งค่าคุณสมบัติ margin ทั้งหมดใน declaration เดียว

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อตั้งค่า margins:

<html>    <head>    </head>    <body>       <p style = "margin: 20px; border:2px solid yellow;">          ขอบทั้งสี่ด้านจะเป็น 20px       </p>       <p style = "margin: 15px 4% -10px; border:2px solid red;">          ขอบบน 15px ซ้ายขวา 4% ของความกว้างเอกสาร ขอบล่าง -10px       </p>    </body> </html>