上邊界

語法: margin-top: <值>

允許值: <長度> | <百分比> | auto

初始值: 0

適用于: 所有元素

向下兼容: 否

上邊界屬性用一個(gè)指定的長度或百分比值來設(shè)置元素的上邊界。百分比值參考上級(jí)元素的寬度。允許使用負(fù)值邊際。

例如，以下的規(guī)則將消除文件的上邊界。

BODY { margin-top: 0 } 注意如果邊界在垂直方向鄰接(重疊)了，會(huì)改用其中大的那個(gè)邊界值。

右邊界

語法: margin-right: <值>

允許值: <長度> | <百分比> | auto

初始值: 0

適用于: 所有元素

向下兼容: 否

右邊界屬性用一個(gè)指定的長度或百分比值來設(shè)置元素的右邊界。百分比值參考上級(jí)元素的寬度。允許使用負(fù)值邊際。

例如:

P.narrow { margin-right: 50% } 注意如果邊界在水平方向鄰接(重疊)了，不會(huì)改用其它邊界值。

下邊界

語法: margin-bottom: <值>

允許值: <長度> | <百分比> | auto

初始值: 0

適用于: 所有元素

向下兼容: 否

下邊界屬性用一個(gè)指定的長度或百分比值來設(shè)置元素的下邊界。百分比值參考上級(jí)元素的寬度。允許使用負(fù)值邊際。

例如:

DT { margin-bottom: 3em } 注意如果邊界在垂直方向鄰接(重疊)了，會(huì)改用其中大的那個(gè)邊界值。

左邊界

語法: margin-left: <值>

允許值: <長度> | <百分比> | auto

初始值: 0

適用于: 所有元素

向下兼容: 否

左邊界屬性用一個(gè)指定的長度或百分比值來設(shè)置元素的左邊界。百分比值參考上級(jí)元素的寬度。允許使用負(fù)值邊際。

例如:

ADDRESS { margin-left: 50% } 注意如果邊界在水平方向鄰接(重疊)了，不會(huì)改用其它邊界值。

邊界

語法: margin: <值>

允許值: [ <長度> | <百分比> | auto ]{1,4}

初始值: 未定義

適用于: 所有元素

向下兼容: 否

邊界屬性用一到四個(gè)值來設(shè)置元素的邊界，每個(gè)值都是長度、百分比或者自動(dòng)。百分比值參考上級(jí)元素的寬度。允許使用負(fù)值邊際。

如果四個(gè)值都給出了，它們分別被應(yīng)用于上、右、下和左邊界。如果只給出一個(gè)值，它被應(yīng)用于所有邊界。如果兩個(gè)或三個(gè)值給出了，省略了的值與對(duì)邊相等。

邊界聲明包括以下例子：

BODY { margin: 5em } /* 所有邊界設(shè)為5em */ P { margin: 2em 4em } /* 上和下邊界為2em，左和右邊界為4em */ DIV { margin: 1em 2em 3em 4em } /* 上邊界為1em，右邊界為2em，下邊界為3em，左邊界為4em */ 注意如果邊界在垂直方向鄰接(重疊)了，會(huì)改用其中大的那個(gè)邊界值。而水平方向則不會(huì)。

使用邊界屬性可以一次性地設(shè)置所有邊界；也可以選擇使用上邊界、下邊界、左邊界和右邊界屬性。

上補(bǔ)白

語法: padding-top: <值>

允許值: <長度> | <百分比>

初始值: 0

適用于: 所有對(duì)象

向下兼容: 否

上補(bǔ)白屬性描述上邊框和選擇符的內(nèi)容之間有多少間隔。該值可以是一個(gè)長度或百分比。百分比的值參考上級(jí)元素的寬度。不能使用負(fù)值。

右補(bǔ)白

語法: padding-right: <值>

允許值: <長度> | <百分比>

初始值: 0

適用于: 所有對(duì)象

向下兼容: 否

右補(bǔ)白屬性描述右邊框和選擇符的內(nèi)容之間有多少間隔。該值可以是一個(gè)長度或百分比。百分比的值參考上級(jí)元素的寬度。不能使用負(fù)值。

下補(bǔ)白

語法: padding-bottom: <值>

允許值: <長度> | <百分比>

初始值: 0

適用于: 所有對(duì)象

向下兼容: 否

下補(bǔ)白屬性描述下邊框和選擇符的內(nèi)容之間有多少間隔。該值可以是一個(gè)長度或百分比。百分比的值參考上級(jí)元素的寬度。不能使用負(fù)值。

左補(bǔ)白

語法: padding-left: <值>

允許值: <長度> | <百分比>

初始值: 0

適用于: 所有對(duì)象

向下兼容: 否

左補(bǔ)白屬性描述左邊框和選擇符的內(nèi)容之間有多少間隔。該值可以是一個(gè)長度或百分比。百分比的值參考上級(jí)元素的寬度。不能使用負(fù)值。

補(bǔ)白

語法: padding: <值>

允許值: [ <長度> | <百分比 ]{1,4}

初始值: 0

適用于: 所有對(duì)象

向下兼容: 否

補(bǔ)白屬性是上補(bǔ)白、右補(bǔ)白、下補(bǔ)白和左補(bǔ)白屬性的略寫。

一個(gè)元素的補(bǔ)白是邊框和元素的內(nèi)容之間的間隔的數(shù)值。可以給出從一到四的值，每個(gè)值可以是長度或百分比。百分比值參考上級(jí)元素的寬度。不能使用負(fù)值。

如果四個(gè)值都給出了，它們分別應(yīng)用于上、右、下和左補(bǔ)白。如果給出一個(gè)值，它將被運(yùn)用到各邊上。如果兩個(gè)或三個(gè)值給出了，省略了的值與對(duì)邊相等。

例如，以下的規(guī)則設(shè)置上補(bǔ)白為2em，右補(bǔ)白為4em，下補(bǔ)白為5em，左補(bǔ)白為4em:

BLOCKQUOTE { padding: 2em 4em 5em }

上邊框?qū)挾?br />
語法: border-top-width: <值>

允許值: thin | medium | thick | <長度>

初始值: medium

適用于: 所有對(duì)象

向下兼容: 否

上邊框?qū)挾葘傩杂糜谥付ㄒ粋€(gè)元素上邊框的寬度。值可以是三個(gè)關(guān)鍵字其中的一個(gè)，都不受字體大小或長度的影響，可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。

也可以用在上邊框、邊框的寬度或邊框的屬性略寫。

右邊框?qū)挾?br />
語法: border-right-width: <值>

允許值: thin | medium | thick | <長度>

初始值: medium

適用于: 所有對(duì)象

向下兼容: 否

右邊框?qū)挾葘傩杂糜谥付ㄔ氐挠疫吙虻膶挾?。值可以是三個(gè)關(guān)鍵字其中的一個(gè)，都不受字體大小或長度的影響，可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。

也可以用在右邊框、邊框的寬度或邊框的屬性略寫。

下邊框?qū)挾?br />
語法: border-bottom-width: <值>

允許值: thin | medium | thick | <長度>

初始值: medium

適用于: 所有對(duì)象

向下兼容: 否

下邊框?qū)挾葘傩杂糜谥付ㄔ氐南逻吙虻膶挾取Ｖ悼梢允侨齻€(gè)關(guān)鍵字其中的一個(gè)，都不受字體大小或長度的影響，可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。

也可以用在下邊框、邊框的寬度或邊框的屬性略寫。

左邊框?qū)挾?br />
語法: border-left-width: <值>

允許值: thin | medium | thick | <長度>

初始值: medium

適用于: 所有對(duì)象

向下兼容: 否

左邊框?qū)挾葘傩杂糜谥付ㄔ氐淖筮吙虻膶挾取Ｖ悼梢允侨齻€(gè)關(guān)鍵字其中的一個(gè)，都不受字體大小或長度的影響，可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。

也可以用在左邊框、邊框的寬度或邊框的屬性略寫。

邊框?qū)挾?br />
語法: border-width: <值>

允許值: [ thin | medium | thick | <長度> ]{1,4}

初始值: 未定義

適用于: 所有對(duì)象

向下兼容: 否

邊框?qū)挾葘傩杂靡坏剿膫€(gè)值來設(shè)置元素的邊界，值是一個(gè)關(guān)鍵字或長度。不允許使用負(fù)值長度。

如果四個(gè)值都給出了，它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個(gè)值，它將被運(yùn)用到各邊上。如果兩個(gè)或三個(gè)值給出了，省略了的值與對(duì)邊相等。

這個(gè)屬性是上邊框?qū)挾取⒂疫吙驅(qū)挾?、下邊框?qū)挾群妥筮吙驅(qū)挾葘傩缘穆詫憽?br />
也可以使用略寫的邊框?qū)傩浴?br />
邊框顏色

語法: border-color: <值>

允許值: <顏色>{1,4}

初始值: 顏色屬性的值

適用于: 所有對(duì)象

向下兼容: 否

邊框顏色屬性設(shè)置一個(gè)元素的邊框顏色。可以使用一到四個(gè)關(guān)鍵字。如果四個(gè)值都給出了，它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個(gè)值，它將被運(yùn)用到各邊上。如果兩個(gè)或三個(gè)值給出了，省略了的值與對(duì)邊相等。

也可以使用略寫的邊框?qū)傩浴?br />
邊框樣式

語法: border-style: <值>

允許值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}

初始值: none

適用于: 所有對(duì)象

向下兼容: 否

邊框樣式屬性用于設(shè)置一個(gè)元素邊框的樣式。這個(gè)屬性必須用于指定可見的邊框。

可以使用一到四個(gè)關(guān)鍵字。如果四個(gè)值都給出了，它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個(gè)值，它將被運(yùn)用到各邊上。如果兩個(gè)或三個(gè)值給出了，省略了的值與對(duì)邊相等。

也可以使用略寫的邊框?qū)傩浴?br />
上邊框

語法: border-top: <值>

允許值: <上邊框?qū)挾?gt; || <邊框式樣> || <顏色>

初始值: 未定義

適用于: 所有對(duì)象

向下兼容: 否

上邊框?qū)傩允且粋€(gè)用于設(shè)置一個(gè)元素上邊框的寬度、式樣和顏色的略寫。

注意只能給出一個(gè)邊框式樣。

也可以使用略寫的邊框?qū)傩浴?br />
右邊框

語法: border-right: <值>

允許值: <右邊框?qū)挾?gt; || <邊框式樣> || <顏色>

初始值: 未定義

適用于: 所有對(duì)象

向下兼容: 否

右邊框?qū)傩允且粋€(gè)用于設(shè)置一個(gè)元素右邊框的寬度、式樣、和顏色的略寫。

注意只能給出一個(gè)邊框式樣。

也可以使用略寫的邊框?qū)傩浴?br />
下邊框

語法: border-bottom: <值>

允許值: <下邊框?qū)挾?gt; || <邊框式樣> || <顏色>

初始值: 未定義

適用于: 所有對(duì)象

向下兼容: 否

下邊框?qū)傩允且粋€(gè)用于設(shè)置一個(gè)元素的下邊框的寬度、式樣和顏色的略寫。

注意只能給出一個(gè)邊框式樣。

也可以使用略寫的邊框?qū)傩浴?br />
左邊框

語法: border-left: <值>

允許值: <左邊框?qū)挾?gt; || <邊框式樣> || <顏色>

初始值: 未定義

適用于: 所有對(duì)象

向下兼容: 否

左邊框?qū)傩允且粋€(gè)用于設(shè)置一個(gè)元素左邊框的寬度、式樣和顏色的略寫。

注意只能給出一個(gè)邊框式樣。

也可以使用略寫的邊框?qū)傩浴?br />
邊框

語法: border: <值>

允許值: <邊框?qū)挾?gt; || <r邊框式樣> || <顏色>

初始值: 未定義

適用于: 所有對(duì)象

向下兼容: 否

邊框?qū)傩允且粋€(gè)用于設(shè)置一個(gè)元素邊框的寬度、式樣和顏色的略寫。

邊框聲明的例子包括：

H2 { border: groove 3em } A:link { border: solid blue } A:visited { border: thin dotted #800080 } A:active { border: thick double red } 邊框?qū)傩灾荒茉O(shè)置四種邊框；只能給出一組邊框的寬度和式樣。為了給出一個(gè)元素的四種邊框的不同的值，網(wǎng)頁制作者必須用一個(gè)或更多的屬性，如：上邊框、右邊框、下邊框、左邊框、邊框顏色、邊框?qū)挾取⑦吙蚴綐?、上邊框?qū)挾取⒂疫吙驅(qū)挾?、下邊框?qū)挾然蜃筮吙驅(qū)挾取?br />
寬度

語法: width: <值>

允許值: <長度> | <百分比> | auto

初始值: auto

適用于: 塊級(jí)和替換元素

向下兼容: 否

每個(gè)塊級(jí)或替換元素都可以用一個(gè)長度或“auto”值來指定其寬度。(替換元素僅指一些已知原有尺寸的元素。HTML替換元素包括 IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT.) 寬度屬性的初始值為“auto”，即為該元素的原有寬度(有就是元素自己的寬度，例如一個(gè)圖象的寬度)。百分比參考上級(jí)元素的寬度。不允許使用負(fù)的長度值。

這個(gè)屬性能用作給出一些INPUT元素的公共長度，好象SUBMIT和RESET按鈕:

INPUT.button { width: 10em }

高度

語法: height: <值>

允許值: <長度> | auto

初始值: auto

適用于: 塊級(jí)和替換元素

向下兼容: 否

每個(gè)塊級(jí)或替換元素都可以用一個(gè)長度或“auto”值來指定其高度。(替換元素僅指一些已知原有尺寸的元素。HTML替換元素包括 IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT.) 高度屬性的初始值為“auto”，即為該元素的原有高度(有就是元素自己的高度，例如一個(gè)圖象的高度)。不允許使用負(fù)的長度值。

與寬度屬性一樣，高度可以應(yīng)用于設(shè)定圖象的比例:

IMG.foo { width: 40px; height: 40px } 在大多數(shù)情況下，我們都建議網(wǎng)頁制作者使用圖象編輯軟件按比例伸縮圖象，因?yàn)闉g覽器不可能高質(zhì)量地伸縮圖象，也因?yàn)槭褂眠@個(gè)屬性縮小圖象會(huì)導(dǎo)致用戶下載了一個(gè)不必要的龐大文件。雖然如此，通過寬度和高度屬性伸縮圖象依然是用戶—定義樣式表中一個(gè)有用的用作克服視覺問題的選擇。

漂浮

語法: float: <值>

允許值: left | right | none

初始值: none

適用于: 所有元素

向下兼容: 否

漂浮屬性允許網(wǎng)頁制作者將文本環(huán)繞在一個(gè)元素的周圍. 這同HTML 3.2中IMG元素的ALIGN=left和ALIGN=right一樣，但CSS1允許所有對(duì)象“漂浮”，而不像HTML 3.2那樣僅僅允許圖象和表格。

清除

語法: clear: <值>

允許值: none | left | right | both

初始值: none

適用于: 所有元素

向下兼容: 否

清除屬性指定一個(gè)元素是否允許有元素漂浮在它的旁邊。值left移動(dòng)元素到在其左邊的漂浮的元素的下面；同樣的值right移動(dòng)到其右邊的漂浮的元素下面。其他的還有缺省的none值，和移動(dòng)元素到其兩邊的漂浮的元素的下面的none值。這個(gè)屬性類似于HTML 3.2的函數(shù)<BR CLEAR=left|right|all|none>，但它能應(yīng)用于所有元素。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

文章標(biāo)題：CSS方框?qū)傩?/a>
URL鏈接：http://www.rwnh.cn/news19/325769.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、企業(yè)建站、響應(yīng)式網(wǎng)站、網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)