margin是一個(gè)簡寫的屬性疚宇,該屬性可以設(shè)置1到4個(gè)值爱葵,對應(yīng)所有的外邊距寬度河劝。
它的作用就是設(shè)置一個(gè)元素所有外邊距的寬度,或者設(shè)置各條邊上外邊距的寬度慎恒。
實(shí)例1
div{margin:22px 32px 43px 54px}
對應(yīng)的順序分別是:上任内、右、下融柬、左族奢。
因此上面設(shè)置的就分別是:
上外邊距為22px
右外邊距為32px
下外邊距為43px
左外邊距為54px
實(shí)例2
div{margin:10px 8px 12px;}
上外邊距是10px
右外邊距和左外邊距是8px
下外邊距是12px
實(shí)例3
div{margin:10px 8px;}
如果只設(shè)置兩個(gè),則分別是上下外邊距丹鸿,以及左右外邊距。
實(shí)例4
div{margin:10px;}
只設(shè)置一個(gè)棚品,那么就是上下左右外邊距都是10px靠欢。
margin屬性自帶兩個(gè)值,分別是auto和inherit铜跑。
auto是瀏覽器自動(dòng)計(jì)算外邊距门怪。
inherit則規(guī)定應(yīng)該從父元素來繼承外邊距。
本文轉(zhuǎn)載自三體教程 http://www.santii.com/article/58.html