今天就跟大家聊聊有關(guān)margin是什么意思,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站建設(shè)與策劃設(shè)計(jì),城固網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:城固等地區(qū)。城固做網(wǎng)站價(jià)格咨詢:18980820575
和大家重點(diǎn)討論一下CSS margin 屬性的用法,這個(gè)簡(jiǎn)寫屬性設(shè)置一個(gè)元素所有外邊距的寬度,或者設(shè)置各邊上外邊距的寬度。
CSS margin 屬性
定義
margin 屬性是用于在一個(gè)聲明中設(shè)置四個(gè)外邊距的所有屬性的簡(jiǎn)寫屬性。
注釋:允許使用負(fù)值。
繼承性:No
說明
這個(gè)簡(jiǎn)寫屬性設(shè)置一個(gè)元素所有外邊距的寬度,或者設(shè)置各邊上外邊距的寬度。
塊級(jí)元素的垂直相鄰?fù)膺吘鄷?huì)合并,而行內(nèi)元素實(shí)際上不占上下外邊距。行內(nèi)元素的的左右外邊距不會(huì)合并。同樣地,浮動(dòng)元素的外邊距也不會(huì)合并。允許指定負(fù)的外邊距值,不過使用時(shí)要小心。
JavaScript 語法
CSS 屬性也可通過一段 JavaScript 被動(dòng)態(tài)地改變。
腳本語法:
object.style.margin="100px"
例子
四個(gè)邊距均為10px:
h2 {margin: 10px}頂邊距和底邊距為10px,左邊距和右邊距是父元素寬度的2%:
h2 {margin: 10px 2%}頂邊距為10px,左邊距和右邊距是父元素寬度的2%,底邊距是-10px:
h2 {margin: 10px 2% -10px}頂邊距為10px,右邊距是父元素寬度的2%,底邊距是-10px,而左邊距由瀏覽器設(shè)置:
h2 {margin: 10px 2% -10px auto}
可能的值
看完上述內(nèi)容,你們對(duì)margin是什么意思有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。