CSS?Margin(外邊距)

CSS Margin(外邊距)屬性定義元素周圍的空間。

Margin

margin清除周圍的元素（外邊框）的區(qū)域。margin沒有背景顏色，是完全透明的

margin可以單獨(dú)改變元素的上，下，左，右邊距。也可以一次改變所有的屬性。

外邊距(margin)

外邊距(margin)是圍繞在邊框外圍的額外“空白”，透明且不可見。取值是由浮點(diǎn)數(shù)字和單位標(biāo)識符組成的長度值或百分?jǐn)?shù)。

設(shè)定外邊距的例子：

dev{ margin: 5px 2px 5px 2px; }

該例子設(shè)定div元素的外邊距從“上-右-下-左”依次為“5px 2px 5px 2px”，其設(shè)定順序?yàn)閺纳祥_始順時(shí)針執(zhí)行。如果只設(shè)定一個(gè)值，則會(huì)應(yīng)用于上下左右各邊。

該屬性也可以取值“auto”，即讓系統(tǒng)分配默認(rèn)值。

賦值簡寫

dev{ margin: 5px 2px 5px 2px; }

可以簡寫為：

dev{ margin: 5px 2px; }

在這個(gè)例子里，缺少了下邊距和右邊距的值，系統(tǒng)會(huì)自動(dòng)采用上邊距值作為下邊距值，右邊距值作為左邊距。

margin屬性可以有一到四個(gè)值。/p>

margin:25px 50px 75px 100px;

上邊距為25px

右邊距為50px

下邊距為75px

左邊距為100px

margin:25px 50px 75px;

上邊距為25px

左右邊距為50px

下邊距為75px

margin:25px 50px;

上下邊距為25px

左右邊距為50px

margin:25px;

所有的4個(gè)邊距都是25px

其賦值簡寫的實(shí)際規(guī)則是：

如果缺少下外邊距的值，則使用上外邊距的值

如果缺少左外邊距的值，則使用右外邊距的值

如果只給定一個(gè)值，則各外邊值均應(yīng)用該值

復(fù)合屬性

該屬性為復(fù)合屬性，可以單獨(dú)指定每個(gè)方位的外邊距。

外邊距復(fù)合屬性說明：

提示

給元素設(shè)定背景屬性時(shí)，背景是無法鋪設(shè)到外邊距(margin)去的，但可以鋪設(shè)到內(nèi)邊距(padding)。

內(nèi)邊距(padding)

內(nèi)邊距(padding)是指元素邊框(border)和內(nèi)容(content)之間的部分。取值是由浮點(diǎn)數(shù)字和單位標(biāo)識符組成的長度值或百分?jǐn)?shù)，但不可為負(fù)。

內(nèi)邊距也是復(fù)合屬性，也可以分別設(shè)定4個(gè)邊的內(nèi)邊距：padding-top、padding-right、padding-bottom和padding-left。內(nèi)邊距的用法和外邊距類似，請參考外邊距語法，在此不再贅述。