ad_728x90

2014年12月6日 星期六

CSS margin 定義與用法

margin 簡寫屬性在一個聲明中設置所有外邊距屬性。該屬性可以有 1 到 4 個值。

說明

這個簡寫屬性設置一個元素所有外邊距的寬度,或者設置各邊上外邊距的寬度。
塊級元素的垂直相鄰外邊距會合併,而行內元素實際上不佔上下外邊距。行內元素的的左右外邊距不會合併。同樣地,浮動元素的外邊距也不會合併。允許指定負的外邊距值,不過使用時要小心。
註釋:允許使用負值。

例子 1

margin:10px 5px 15px 20px;
  • 上外邊距是 10px
  • 右外距是 5px
  • 下外距是 15px
  • 左外距是 20px

例子 2

margin:10px 5px 15px;
  • 上外距是 10px
  • 右外距和左外距是 5px
  • 下外距是 15px

例子 3

margin:10px 5px;
  • 上外距和下外距是 10px
  • 右外距和左外距是 5px

例子 4

margin:10px;
  • 所有 4 個外距都是 10px

COMMENTS HAVE BEEN DISABLED FOR THIS POST [文章的評論已被禁用]

Ratings and Recommendations by outbrain