CSS語法手冊（四）文字填充，邊框，邊界和位置屬性（二）(轉)[@more@]

文字填充，邊框，邊界和位置屬性（二）

三、框邊界屬性

1、margin-bottom

margin-left

margin-right

margin-top

功能：這四個屬性用來設定元素與其相鄰元素間的距離，可以用長度或相對於其父文字的寬度的百分比來定義，也可以自動處理。

數值：

長度 - 設定元素相應邊與框邊緣之間的相對或絕對距離，有效單位為：mm, cm, in, px, pt, pica,ex, em ...

百分比 - 以父元素寬度的百分比設定邊界尺寸。

auto - 自動，這個設定取瀏覽器的預設邊界。

例子

2、margin

功能：簡寫屬性，用於韻置元素的所有邊界。這是用於描述元素的內容的邊緣到框邊緣的距離的。這個區總是透明的，可以看到下面的頁面背景。

數值：

長度 - 同前

百分比 - 以父元素寬度的百分比設定邊界尺寸。

auto - 自動，這個設定取瀏覽器的預設邊界。

例子

四、框位置屬性

1、height

功能：設定元素高度，瀏覽器按照這個高度調整圖形。

數值：

長度 - mm, cm, px, pt, .....

auto - 自動。

2、width

功能：設定元素寬度，瀏覽器按照這個寬度調整圖形。

數值：

長度 - mm, cm, in, px, pt, ......

百分比 - 將圖形尺寸設定為父元素寬度的百分比。

auto - 自動調整

3、float

功能：用於在普通元素流佈置規則以外放上元素。

數值：

none - 無改動。

left - 將其它元素內容放到浮動元素右邊。

right - 將其它元素內容放到浮動元素左邊。

4、clear

功能：用於允許或禁止指定元素旁邊放置其它元素(通常是線上圖形).

數值：

none - 無限制。

left - 將元素放在左邊浮動元素下面

right - 將元素放在右邊浮動元素下面

both - 元素兩邊都不允許放置浮動元素

CSS語法手冊（四）文字填充，邊框，邊界和位置屬性（二）(轉)

相關文章