CSS Margin屬性
CSS的margin屬性用於生成元素周圍的空間。
該margin屬性中設置的白色空間外邊框的大小。
這個元素有一個margin 80px的。
CSS Margins
CSS的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>元素：
下面的例子讓左margin可從父元素繼承：
Margin -速記屬性
為了縮短代碼，它可以指定所有的margin中一個屬性的屬性。
該margin屬性是以下個人速記屬性margin性質：
-
margin-top -
margin-right -
margin-bottom -
margin-left
所以，這裡是它如何工作的：
如果margin酒店有四個值：
- margin ：25像素50像素960x75像素100像素;
- 上邊距為25像素
- 右邊距為50像素
- 下邊距為960x75像素
- 左邊距為100像素
如果margin酒店有三個值：
- margin ：25像素50像素960x75像素;
- 上邊距為25像素
- 左，右頁邊距是50像素
- 下邊距為960x75像素
如果margin屬性有兩個值：
- margin ：25像素50像素;
- 頂部和底部的邊距25像素
- 左，右頁邊距是50像素
如果margin酒店有一個值：
- margin ：25像素;
- 所有四個邊距25像素
auto值的用途
您可以設置margin屬性auto水平居中其容器內的元素。
然後該元件將佔據指定的寬度，並且剩餘的空間將同樣的左邊和右邊之間劃分margins ：
自測練習用！
所有的CSS邊距屬性
| 屬性 | 描述 |
|---|---|
| margin | 簡寫屬性設置margin在一個聲明中的屬性 |
| margin-bottom | 設置底margin元素 |
| margin-left | 設置左margin的元素 |
| margin-right | 設置合適的margin元素 |
| margin-top | 設置頂margin元素 |