Style marginLeft รายละเอียด

定義和用法

marginLeft 屬性設置或返回元素的左外边距。

margin 屬性 和 padding 屬性 都在元素周圍插入空間。但是，不同之處在於，margin 在邊框周圍插入空間，而 padding 在元素的邊框內插入空間。

另請參閱：

CSS 教程：CSS ขอบเขตด้านนอก

CSS 參考手冊：margin-left 屬性

HTML DOM 參考手冊：margin 屬性

例子 1

设置 <div> 元素的左外边距：

document.getElementById("myDiv").style.marginLeft = "50px";

親自試試

例子 2

將 <div> 元素的左外边距改回 "normal"：

document.getElementById("myDiv").style.marginLeft = "0px";

親自試試

例子 3

返回 <div> 元素的左外边距：

alert(document.getElementById("myDiv").style.marginLeft);

親自試試

例子 4

marginLeft 與 paddingLeft 的區別：

function changeMargin() {
  document.getElementById("myDiv").style.marginLeft = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingLeft = "100px";
}

親自試試

語法

返回 marginLeft 屬性：

object.style.marginLeft

设置 marginLeft 屬性：

object.style.marginLeft = "%|length|auto|inherit"

屬性值

值 描述
% 以父元素寬度的百分比定義左外边距。
length 以長度單位定義左外边距。
auto 浏览器设置左外边距。
initial 將此屬性設定為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技术细节

默认值： 0
返回值： 字符串，表示元素的左外边距。
CSS 版本： CSS1

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน