CSS หลักประกัน (Margin)

CSS เพิ่ม (ส่วนเพิ่ม) คุณสมบัติกำหนดพื้นที่รอบ ๆ องค์ประกอบ

ขอบ

อัตรากำไรขั้นต้นที่ชัดเจนรอบองค์ประกอบ (นอกพรมแดน) พื้นที่ ขอบไม่มีสีพื้นหลังมีความโปร่งใสอย่างสมบูรณ์

อัตรากำไรขั้นต้นสามารถเปลี่ยนแปลงได้ในแต่ละองค์ประกอบด้านล่างด้านซ้ายและด้านขวาระยะขอบ นอกจากนี้คุณยังสามารถเปลี่ยนครั้งเดียวทุกคุณสมบัติ

ความคุ้มค่า	คำอธิบาย
รถยนต์	ตั้งค่าระยะขอบเบราว์เซอร์ของคุณ ผลที่ได้จะขึ้นอยู่กับเบราว์เซอร์
ความยาว	กำหนดเป็นอัตราคงที่ (โดยใช้พิกเซล, PT, em, ฯลฯ )
%	กำหนดโดยใช้อัตรากำไรขั้นต้นร้อยละ

คำพูด อัตรากำไรขั้นต้นสามารถใช้เนื้อหาที่ทับซ้อนกันในเชิงลบ

<H2Margin - ทรัพย์สินขอบข้างเดียว

ใน CSS, มันสามารถระบุด้านที่แตกต่างของอัตรากำไรขั้นต้นที่แตกต่างกัน:

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

เพื่อตัดรหัสที่มันเป็นไปได้ที่จะใช้ทั้งหมดคุณสมบัติขอบขอบคุณสมบัติที่ระบุอย่างใดอย่างหนึ่ง นี้เรียกว่าคุณสมบัติจดชวเลข

สถานที่ให้บริการจดชวเลขสำหรับทุกคุณสมบัติที่อัตรากำไรขั้นต้นคือ "ขอบ":

margin:100px 50px;

สถานที่ให้บริการจะมีอัตรากำไรขั้นต้น 1-4 ค่า / p>

margin: 50px 75px 25 พิกเซล 100px;
- บนขอบของ 25 พิกเซล
- ขอบขวาเพื่อ 50px
- อัตรากำไรล่างคือ 75px
- ขอบด้านซ้ายของ 100px
margin: 50px 75px 25 พิกเซล;
- บนขอบของ 25 พิกเซล
- อัตรากำไรขั้นต้นซ้ายและขวาเพื่อ 50px
- อัตรากำไรล่างคือ 75px
margin: 25 พิกเซล 50px;
- อัตรากำไรขั้นต้นบนและด้านล่างจะ 25 พิกเซล
- อัตรากำไรขั้นต้นซ้ายและขวาเพื่อ 50px
margin: 25 พิกเซล;
- ทั้งสี่มีอัตรากำไรขั้นต้น 25 พิกเซล

การตั้งค่ามาร์จิ้นที่ข้อความใช้ค่าเซนติเมตร
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการตั้งค่าเซนติเมตรค่าข้อความของขอบบน

ตั้งค่าข้อความโดยใช้ค่าร้อยละของอัตรากำไรขั้นต้นที่ด้านล่าง
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการตั้งค่าใช้ค่าร้อยละของมูลค่าของขอบด้านล่างด้วยความเคารพกับความกว้างขององค์ประกอบที่มี

คุณสมบัติ	ลักษณะ
ขอบ	สถานที่ให้บริการจดชวเลข การตั้งค่าคุณสมบัติอัตรากำไรทั้งหมดในการประกาศ
ขอบล่าง	การตั้งค่าด้านนอกขององค์ประกอบ
ขอบซ้าย	องค์ประกอบในขอบด้านซ้าย
ขอบขวา	องค์ประกอบของขอบขวา
ขอบด้านบน	ธาตุตั้งอยู่บนขอบ