CSS Margin คุณสมบัติ
ซีเอสเอ margin คุณสมบัติที่ใช้ในการสร้างพื้นที่รอบองค์ประกอบ
margin คุณสมบัติกำหนดขนาดของพื้นที่สีขาวนอกชายแดน
องค์ประกอบนี้มี margin ของ 80px
CSS Margins
ซีเอสเอ margin คุณสมบัติกำหนดขนาดของพื้นที่สีขาวนอกชายแดน
 | หมายเหตุ: margins มีความโปร่งใสสมบูรณ์ - และไม่สามารถมีสีพื้นหลัง! |
|---|
ด้วย CSS, คุณมีการควบคุมเต็มรูปแบบผ่าน margins มีคุณสมบัติ CSS สำหรับการตั้งค่าที่มี margin สำหรับแต่ละด้านขององค์ประกอบ (บนขวาล่างและจากซ้าย)
Margin - บุคคลด้าน
CSS มีคุณสมบัติสำหรับการระบุ margin สำหรับแต่ละด้านขององค์ประกอบ:
-
margin-top -
margin-right -
margin-bottom -
margin-left
ทั้งหมด margin คุณสมบัติสามารถมีค่าต่อไปนี้:
- auto - เบราว์เซอร์คำนวณ margin
- ความยาว - ระบุ margin ใน px, pt, cm ฯลฯ
- % - ระบุ margin ใน% ของความกว้างขององค์ประกอบที่มี
- ได้รับมรดก - ระบุว่า margin ควรได้รับการสืบทอดมาจากองค์ประกอบหลัก
| หมายเหตุ: นอกจากนี้ยังเป็นไปได้ที่จะใช้ค่าลบสำหรับ margins ;ทับซ้อนเนื้อหา |
|---|
ตัวอย่างต่อไปนี้ชุดที่แตกต่าง margins ทั้งสี่ด้านของ <p> องค์ประกอบ:
ตัวอย่าง
p {
margin-top: 100px;
margin-bottom: 100px;
margin-right: 150px;
margin-left: 80px;
} ลองตัวเอง» ตัวอย่างต่อไปนี้จะช่วยให้ซ้าย margin ได้รับการสืบทอดมาจากองค์ประกอบหลัก:
ตัวอย่าง
div.container {
border: 1px solid red;
margin-left: 100px;
}
p.one {
margin-left:
inherit;
} ลองตัวเอง» Margin - อสังหาริมทรัพย์ชวเลข
เพื่อตัดรหัสที่มันเป็นไปได้ที่จะระบุทุก margin คุณสมบัติในหนึ่งสถานที่ให้บริการ
margin คุณสมบัติเป็นที่พักชวเลขสำหรับบุคคลดังต่อไปนี้ margin คุณสมบัติ:
-
margin-top -
margin-right -
margin-bottom -
margin-left
ดังนั้นนี่คือวิธีการทำงาน:
ถ้า margin แห่งนี้มีสี่ค่า:
- margin : 50px 75px 25 พิกเซล 100px;
- ขอบบนเป็น 25 พิกเซล
- ขอบขวาเป็น 50px
- ขอบด้านล่างเป็น 75px
- ขอบด้านซ้ายเป็น 100px
ถ้า margin แห่งนี้มีสามค่า:
- margin : 50px 75px 25 พิกเซล;
- ขอบบนเป็น 25 พิกเซล
- อัตรากำไรขั้นต้นขวาและซ้ายเป็น 50px
- ขอบด้านล่างเป็น 75px
ถ้า margin แห่งนี้มีสองค่า:
- margin : 25 พิกเซล 50px;
- อัตรากำไรขั้นต้นบนและด้านล่างมี 25 พิกเซล
- อัตรากำไรขั้นต้นขวาและซ้ายเป็น 50px
ถ้า margin ทรัพย์สินมีค่าที่หนึ่ง:
- margin : 25 พิกเซล;
- ทั้งสี่มีอัตรากำไรขั้นต้น 25 พิกเซล
การใช้งานของมูลค่ารถยนต์
คุณสามารถตั้งค่า margin คุณสมบัติการ auto ไปในแนวนอนศูนย์องค์ประกอบภายในภาชนะที่ใช้บรรจุ
องค์ประกอบที่จะใช้เวลาถึงความกว้างที่ระบุและพื้นที่ที่เหลือจะถูกแบ่งเท่า ๆ กันระหว่างซ้ายและขวา margins :
ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!
การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย»
คุณสมบัติทั้งหมด CSS Margin
| คุณสมบัติ | ลักษณะ |
|---|---|
| margin | สถานที่ให้บริการจดชวเลขสำหรับการตั้งค่า margin คุณสมบัติในการประกาศ |
| margin-bottom | ตั้งด้านล่าง margin ขององค์ประกอบ |
| margin-left | ชุดซ้าย margin ขององค์ประกอบ |
| margin-right | ชุดขวา margin ขององค์ประกอบ |
| margin-top | ตั้งบน margin ขององค์ประกอบ |