你對CSS margin屬性的用法是否了解,CSS margin屬性用來定義邊外補白,margin,中文"邊、頁邊"的意思,它適用於: 所有元素,除了 table-caption, table 和 inline-table 。
CSS margin屬性
邊框的外面可以有一層邊外補白(margin),邊外補白可以把塊級元素分開.邊外補白定義了圍繞某種元素(elements)的空白.。可以查看盒模式,了解邊外補白和邊內補白,邊外補白分為上邊外補白(top),下邊外補白(bottom),左邊外補白(left),右邊外補白(right).,邊外補白只有寬度width一種屬性.。
margin -- 定義邊外補白
取值: <margin-width>{1,4} | inherit
<margin-width>{1,4}: 邊外補白寬度
inherit: 繼承
初始值: 0
繼承性: 否
適用於: 所有元素,除了 table-caption, table 和 inline-table
margin,中文"邊、頁邊"的意思
CSS margin-top 屬性
margin-top -- 定義上邊外補白
取值: <margin-width> | inherit
<margin-width>: 上邊外補白的寬度
inherit: 繼承
初始值: none
繼承性: 否
適用於: 所有元素
margin:邊外補白,top:上
示例
- p#top
- {
- margin-top: 12px;
- }
CSS margin-bottom屬性
margin-bottom -- 定義下邊外補白
取值: <margin-width> | inherit
<margin-width>: 下邊外補白的寬度
inherit: 繼承
初始值: none
繼承性: 否
適用於: 所有元素
margin:邊外補白,bottom:下
示例
- p#bottom
- {
- margin-bottom: 12px;
- }
【編輯推薦】