首頁 > web前端 > css教學 > CSS語法手冊(四)文字填充,邊框,邊界和位置屬性(二)

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

黄舟
發布: 2016-12-19 16:15:29
原創
1221 人瀏覽過

三、框邊界屬性

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語法手冊(四)文本填充,邊框,邊界和位置屬性(二)的內容,更多相關內容請關注PHP中文網(m.sbmmt.com)! 


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