在html5中,margin用於指“外邊緣”,該屬性也可以用於設定元素所有外邊距屬性,該屬性可以有1到4個值,用來分別設定四個外邊距的值,語法為「margin:上外邊距右外邊距下外邊距左外邊距;」。
本教學操作環境:windows10系統、HTML5版、Dell G3電腦。
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
此屬性可能的值:
auto 瀏覽器計算外邊距。
length 規定以具體單位計的外邊距值,例如像素、公分等。預設值是 0px。
% 以包含元素寬度的百分比指定外邊距。
inherit 規定應該從父元素繼承外邊距。
推薦教學:《html影片教學》
以上是html5中margin指哪個邊緣的詳細內容。更多資訊請關注PHP中文網其他相關文章!