與表格邊框有關(guān)的CSS語法_Web標(biāo)準(zhǔn)教程
表格是數(shù)據(jù)的載體,不再是布局的方式,雖然我們不需要表格來進(jìn)行網(wǎng)頁(yè)布局了,但很多表格式的數(shù)據(jù),還是需要表格這一形式發(fā)揮它的作用!我們知道Dreamweaver在表格制作方面做得非常出色,但是在某些時(shí)候還是必須結(jié)合css才能達(dá)到一些特定效果,下面我們先把有關(guān)表格邊框的css語法整理出來,然后另外介紹怎樣用css美化表格的邊框。
1.上邊框?qū)挾?/strong>
以下為引用的內(nèi)容:
語法: border-top-width: <值>
允許值: thin | medium | thick | <長(zhǎng)度>
初始值: medium
適用于: 所有對(duì)象
向下兼容: 否
上邊框?qū)挾葘傩杂糜谥付ㄒ粋(gè)元素上邊框的寬度。值可以是三個(gè)關(guān)鍵字其中的一個(gè),都不受字體大小或長(zhǎng)度的影響,可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在上邊框、邊框的寬度或邊框的屬性略寫。
2.右邊框?qū)挾?/strong>
以下為引用的內(nèi)容:
語法: border-right-width: <值>
允許值: thin | medium | thick | <長(zhǎng)度>
初始值: medium
適用于: 所有對(duì)象
向下兼容: 否
右邊框?qū)挾葘傩杂糜谥付ㄔ氐挠疫吙虻膶挾取V悼梢允侨齻(gè)關(guān)鍵字其中的一個(gè),都不受字體大小或長(zhǎng)度的影響,可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在右邊框、邊框的寬度或邊框的屬性略寫。
3.下邊框?qū)挾?/strong>
以下為引用的內(nèi)容:
語法: border-bottom-width: <值>
允許值: thin | medium | thick | <長(zhǎng)度>
初始值: medium
適用于: 所有對(duì)象
向下兼容: 否
下邊框?qū)挾葘傩杂糜谥付ㄔ氐南逻吙虻膶挾取V悼梢允侨齻(gè)關(guān)鍵字其中的一個(gè),都不受字體大小或長(zhǎng)度的影響,可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在下邊框、邊框的寬度或邊框的屬性略寫。
4.左邊框?qū)挾?/strong>
以下為引用的內(nèi)容:
語法: border-left-width: <值>
允許值: thin | medium | thick | <長(zhǎng)度>
初始值: medium
適用于: 所有對(duì)象
向下兼容: 否
左邊框?qū)挾葘傩杂糜谥付ㄔ氐淖筮吙虻膶挾取V悼梢允侨齻(gè)關(guān)鍵字其中的一個(gè),都不受字體大小或長(zhǎng)度的影響,可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在左邊框、邊框的寬度或邊框的屬性略寫
5.邊框?qū)挾?/strong>
以下為引用的內(nèi)容:
語法: border-width: <值>
允許值: [ thin | medium | thick | <長(zhǎng)度> ]{1,4}
初始值: 未定義
適用于: 所有對(duì)象
向下兼容: 否
邊框?qū)挾葘傩杂靡坏剿膫(gè)值來設(shè)置元素的邊界,值是一個(gè)關(guān)鍵字或長(zhǎng)度。不允許使用負(fù)值長(zhǎng)度。如果四個(gè)值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個(gè)值,它將被運(yùn)用到各邊上。如果兩個(gè)或三個(gè)值給出了,省略了的值與對(duì)邊相等。 這個(gè)屬性是上邊框?qū)挾取⒂疫吙驅(qū)挾取⑾逻吙驅(qū)挾群妥筮吙驅(qū)挾葘傩缘穆詫憽R部梢允褂寐詫懙倪吙驅(qū)傩浴?/p>
6.邊框顏色
以下為引用的內(nèi)容:
語法: border-color: <值>
允許值: <顏色>{1,4}
初始值: 顏色屬性的值
適用于: 所有對(duì)象
向下兼容: 否
邊框顏色屬性設(shè)置一個(gè)元素的邊框顏色。可以使用一到四個(gè)關(guān)鍵字。如果四個(gè)值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個(gè)值,它將被運(yùn)用到各邊上。如果兩個(gè)或三個(gè)值給出了,省略了的值與對(duì)邊相等。也可以使用略寫的邊框?qū)傩浴?/p>
7.邊框樣式
以下為引用的內(nèi)容:
語法: 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ū)傩浴?/p>
以下為引用的內(nèi)容:
none:無樣式;
dotted:點(diǎn)線;
dashed:虛線;
solid:實(shí)線;
double:雙線;
groove:槽線;
ridge:脊線;
inset:內(nèi)凹;
outset:外凸
8.上邊框
以下為引用的內(nèi)容:
語法: border-top: <值>
允許值: <上邊框?qū)挾?gt; || <邊框式樣> || <顏色>
初始值: 未定義
適用于: 所有對(duì)象
向下兼容: 否
上邊框?qū)傩允且粋(gè)用于設(shè)置一個(gè)元素上邊框的寬度、式樣和顏色的略寫。注意只能給出一個(gè)邊框式樣。也可以使用略寫的邊框?qū)傩浴?/p>
9.右邊框
以下為引用的內(nèi)容:
語法: border-right: <值>
允許值: <右邊框?qū)挾?gt; || <邊框式樣> || <顏色>
初始值: 未定義
適用于: 所有對(duì)象
向下兼容: 否
右邊框?qū)傩允且粋(gè)用于設(shè)置一個(gè)元素右邊框的寬度、式樣、和顏色的略寫。注意只能給出一個(gè)邊框式樣。也可以使用略寫的邊框?qū)傩浴?/p>
10.下邊框
以下為引用的內(nèi)容:
語法: border-bottom: <值>
允許值: <下邊框?qū)挾?gt; || <邊框式樣> || <顏色>
初始值: 未定義
適用于: 所有對(duì)象
向下兼容: 否
下邊框?qū)傩允且粋(gè)用于設(shè)置一個(gè)元素的下邊框的寬度、式樣和顏色的略寫。注意只能給出一個(gè)邊框式樣。也可以使用略寫的邊框?qū)傩浴?/p>
11.左邊框
以下為引用的內(nèi)容:
語法: border-left: <值>
允許值: <左邊框?qū)挾?gt; || <邊框式樣> || <顏色>
初始值: 未定義
適用于: 所有對(duì)象
向下兼容: 否
左邊框?qū)傩允且粋(gè)用于設(shè)置一個(gè)元素左邊框的寬度、式樣和顏色的略寫。注意只能給出一個(gè)邊框式樣。也可以使用略寫的邊框?qū)傩浴?br />
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- CSS+DIV設(shè)計(jì)實(shí)例:多個(gè)DIV排列時(shí)居中
- CSS使用ul進(jìn)行網(wǎng)頁(yè)的多列布局
- CSSer資料集:瀏覽器Opera簡(jiǎn)介
- 使用DIV之后,什么時(shí)候使用TABLE
- Web標(biāo)準(zhǔn)網(wǎng)站建設(shè)的思考
- CSS應(yīng)用常見問題大總結(jié)
- CSS好書:BulletproofWebDesign無懈可擊的Web設(shè)計(jì)
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
- 在 CSS 中關(guān)于字體處理效果的思考
- 網(wǎng)站標(biāo)準(zhǔn)之Flash頁(yè)面如何通過校驗(yàn)
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-與表格邊框有關(guān)的CSS語法。