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。
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。
留言