ตัวอย่าง
การตั้งค่าทั้งหมดสี่อัตรากำไรขั้นต้นของ <p> องค์ประกอบ:
p
{
margin: 2cm 4cm 3cm 4cm;
}
ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการจดชวเลขขอบทุกชุดคุณสมบัติขอบในการประกาศ คุณสมบัตินี้จะมี 1-4 ค่า
ตัวอย่าง:
- margin:10px 5px 15px 20px;
- ขอบบนเป็น 10px
- ขอบขวาเป็น 5px
- ขอบด้านล่างเป็น 15px
- ขอบด้านซ้ายเป็น 20px
- margin:10px 5px 15px;
- ขอบบนเป็น 10px
- อัตรากำไรขั้นต้นซ้ายและขวามี 5px
- ขอบด้านล่างเป็น 15px
- margin:10px 5px;
- อัตรากำไรขั้นต้นบนและด้านล่างเป็น 10px
- อัตรากำไรขั้นต้นซ้ายและขวามี 5px
- margin:10px;
- ทั้งสี่มีกำไร 10px
Note: ค่าลบจะได้รับอนุญาต
| ค่าเริ่มต้น: | 0 |
|---|---|
| รับการถ่ายทอด: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| เวอร์ชัน: | CSS1 |
| ไวยากรณ์ javascript: | object .style.margin="100px 50px" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| margin | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
CSS ไวยากรณ์
margin:length|auto|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| length | ระบุอัตรากำไรขั้นต้นใน PX, PT, ซม., ฯลฯ ค่าเริ่มต้นเป็น 0 | เล่น " |
| % | ระบุอัตรากำไรขั้นต้นในร้อยละของความกว้างขององค์ประกอบที่มี | เล่น " |
| auto | เบราว์เซอร์คำนวณขอบ | เล่น " |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
CSS Tutorial: CSS Margin
กวดวิชา CSS: CSS แบบกล่อง
อ้างอิง HTML DOM: margin property