CSS margin 屬性
實例
設置一個p元素的所有四個邊距：
p
{
margin:2cm 4cm 3cm 4cm;
}
{
margin:2cm 4cm 3cm 4cm;
}
屬性定義及使用說明
margin簡寫屬性在一個聲明中設置所有外邊距屬性。該屬性可以有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
注意： 負值是允許的。
| 默認值： | 0 |
|---|---|
| 繼承： | no |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.margin="10px 5px" |
流覽器支持
表格中的數字表示支持該屬性的第一個流覽器版本號。
| 屬性 | |||||
|---|---|---|---|---|---|
| margin | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
屬性值
| 值 | 描述 |
|---|---|
| auto | 流覽器計算外邊距。 |
| length | 規定以具體單位計的外邊距值，比如像素、釐米等。默認值是 0px。 |
| % | 規定基於父元素的寬度的百分比的外邊距。 |
| inherit | 規定應該從父元素繼承外邊距。 |
相關文章
CSS 教學: CSS Margin