首頁 > web前端 > 前端問答 > html5中margin指哪個邊緣

html5中margin指哪個邊緣

WBOY
發布: 2022-01-23 14:31:51
原創
3263 人瀏覽過

在html5中,margin用於指“外邊緣”,該屬性也可以用於設定元素所有外邊距屬性,該屬性可以有1到4個值,用來分別設定四個外邊距的值,語法為「margin:上外邊距右外邊距下外邊距左外邊距;」。

html5中margin指哪個邊緣

本教學操作環境:windows10系統、HTML5版、Dell G3電腦。

html5中margin指哪個邊緣

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板