การเยื้อง margin สำหรับด้านต่างๆ ใน CSS
เพื่อกำหนดระยะเยื้องที่ต่างกันสำหรับด้านที่ต่างกัน มีคุณสมบัติแยกต่างหาก:
margin-left - สำหรับด้านซ้าย, margin-right
- สำหรับด้านขวา, margin-top - สำหรับด้านบน
และ margin-bottom - สำหรับด้านล่าง
มาดูตัวอย่างกัน:
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
margin-top: 10px; /* ด้านบน */
margin-right: 20px; /* ด้านขวา */
margin-bottom: 30px; /* ด้านล่าง */
margin-left: 40px; /* ด้านซ้าย */
height: 100px;
border: 1px solid green;
}
:
ทำหน้าเว็บตามตัวอย่างนี้:
ทำหน้าเว็บตามตัวอย่างนี้:
ทำหน้าเว็บตามตัวอย่างนี้:
