ndfweb.cn

CSS margin 屬性


2009-08-13 15:56:28 (7651)



定義

margin 屬性是用於在一個聲明中設置四個外邊距的所有屬性的簡寫屬性。

注釋:允許使用負值。

繼承性:No

說明

這個簡寫屬性設置一個元素所有外邊距的寬度,或者設置各邊上外邊距的寬度。

塊級元素的垂直相鄰外邊距會合並,而行內元素實際上不占上下外邊距。行內元素的的左右外邊距不會合並。同樣地,浮動元素的外邊距也不會合並。允許指定負的外邊距值,不過使用時要小心。

JavaScript 語法

CSS 屬性也可通過一段 JavaScript 被動態地改變。

腳本語法:

object.style.margin="100px"

在我們的 HTML DOM 教程中,您可以找到更多有關 margin 屬性 的細節。

在我們的 HTML DOM 教程中,您也可以找到完整的 Style對象參考手冊

例子

四個邊距均為10px:

h1 {margin: 10px}

頂邊距和底邊距為10px,左邊距和右邊距是父元素寬度的2%:

h1 {margin: 10px 2%}

頂邊距為10px,左邊距和右邊距是父元素寬度的2%,底邊距是-10px:

h1 {margin: 10px 2% -10px}

頂邊距為10px,右邊距是父元素寬度的2%,底邊距是-10px,而左邊距由瀏覽器設置:

h1 {margin: 10px 2% -10px auto}

可能的值

描述
  • margin-top
  • margin-right
  • margin-bottom
  • margin-left

設置針對邊距的屬性。

值可以是:

  • 百分比(基於父對象總高度或寬度的百分比)
  • 長度值(定義一個固定的邊距)
  • auto(瀏覽器設定的值)。

默認值:未定義。

本文版权:http://www.ndfweb.cn/news-415.html
  NDF俱乐部
  国际域名注册
  建站咨询
简体中文 NDF网站建设淘宝店 | ICO图标在线生成 | 外贸网站建设 | 联系我们
©2007-2025 NDF Corporation 鲁ICP备08005967号 Sitemap - RSSRSS订阅