margin 屬性

margin 是設定物件上下左右留白的屬性,依順時鐘方向對上、右、下、左四個方向指定數值。

margin: 10px;  (上下左右各留白 10px)
margin: 10px 20px;  (上下留白 10px、左右留白 20px)
margin: 10px 20px  30px;  (上留白 10px、左右留白 20px、下留白 30px)
margin:  10px  20px  30px  40px;  (上留白 10px、右留白 20px、下留白 30px、左留白 40px)

也可以用 margin-top、margin-bottom、margin-left、margin-right  指定上、下、左、右的留白。指定的值可以為 auto、數值或單位,也可以用負數(負邊距 negative margin)。

要將區塊層級 (block level,如 div)  元件相對於父元件,設定左右置中,可以將元件的左右  margin  設為  auto。

※  要注意,相鄰的留白會互相抵消。如兩個 margin  為 20px  的元件相鄰排列,元件間距會是 20px,而不是 40px。


留言