有關表格邊框的css語法整理

2020-03-24 17:30:31

字體：大中小

來源：轉載

供稿：網友

我們知道Dreamweaver在表格制作方面做得非常出色，但是在某些時候還是必須結合css才能達到一些特定效果，下面我們先把有關表格邊框的css語法整理出來，然后另外介紹怎樣用css美化表格的邊框。
有關表格邊框的css語法

具體內容包括：上邊框寬度、右邊框寬度、下邊框寬度、左邊框寬度、邊框寬度、邊框顏色、邊框樣式、上邊框、下邊框、左邊框、右邊框、邊框、寬度、高度、有關標簽等。

1.上邊框寬度

語法: border-top-width: 值

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

初始值: medium

適用于: 所有對象

向下兼容: 否

上邊框寬度屬性用于指定一個元素上邊框的寬度。值可以是三個關鍵字其中的一個，都不受字體大小或長度的影響，可以用于實現成比例的寬度。不允許使用負值。也可以用在上邊框、邊框的寬度或邊框的屬性略寫。

2.右邊框寬度

語法: border-right-width: 值

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

初始值: medium

適用于: 所有對象

向下兼容: 否

右邊框寬度屬性用于指定元素的右邊框的寬度。值可以是三個關鍵字其中的一個，都不受字體大小或長度的影響，可以用于實現成比例的寬度。不允許使用負值。也可以用在右邊框、邊框的寬度或邊框的屬性略寫。

3.下邊框寬度

語法: border-bottom-width: 值

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

初始值: medium

適用于: 所有對象

向下兼容: 否

下邊框寬度屬性用于指定元素的下邊框的寬度。值可以是三個關鍵字其中的一個，都不受字體大小或長度的影響，可以用于實現成比例的寬度。不允許使用負值。也可以用在下邊框、邊框的寬度或邊框的屬性略寫。

4.左邊框寬度

語法: border-left-width: 值

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

初始值: medium

適用于: 所有對象

向下兼容: 否

左邊框寬度屬性用于指定元素的左邊框的寬度。值可以是三個關鍵字其中的一個，都不受字體大小或長度的影響，可以用于實現成比例的寬度。不允許使用負值。也可以用在左邊框、邊框的寬度或邊框的屬性略寫。

5.邊框寬度

語法: border-width: 值

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

初始值: 未定義

適用于: 所有對象

向下兼容: 否

邊框寬度屬性用一到四個值來設置元素的邊界，值是一個關鍵字或長度。不允許使用負值長度。如果四個值都給出了，它們分別應用于上、右、下和左邊框的式樣。如果給出一個值，它將被運用到各邊上。如果兩個或三個值給出了，省略了的值與對邊相等。這個屬性是上邊框寬度、右邊框寬度、下邊框寬度和左邊框寬度屬性的略寫。也可以使用略寫的邊框屬性。

6.邊框顏色

語法: border-color: 值

允許值: 顏色 { 1,4 }

初始值: 顏色屬性的值

適用于: 所有對象

向下兼容: 否

邊框顏色屬性設置一個元素的邊框顏色。可以使用一到四個關鍵字。如果四個值都給出了，它們分別應用于上、右、下和左邊框的式樣。如果給出一個值，它將被運用到各邊上。如果兩個或三個值給出了，省略了的值與對邊相等。也可以使用略寫的邊框屬性。

7.邊框樣式

語法: border-style: 值

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

初始值: none

適用于: 所有對象

向下兼容: 否

邊框樣式屬性用于設置一個元素邊框的樣式。這個屬性必須用于指定可見的邊框。可以使用一到四個關鍵字。如果四個值都給出了，它們分別應用于上、右、下和左邊框的式樣。如果給出一個值，它將被運用到各邊上。如果兩個或三個值給出了，省略了的值與對邊相等。也可以使用略寫的邊框屬性。

none：無樣式；
dotted：點線；
dashed：虛線；
solid：實線；
double：雙線；
groove：槽線；
ridge：脊線；
inset：內凹；
outset：外凸。

8.上邊框

語法: border-top: 值

允許值: 上邊框寬度 || 邊框式樣 || 顏色

初始值: 未定義

適用于: 所有對象

向下兼容: 否

上邊框屬性是一個用于設置一個元素上邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。

9.右邊框

語法: border-right: 值

允許值: 右邊框寬度 || 邊框式樣 || 顏色

初始值: 未定義

適用于: 所有對象

向下兼容: 否

右邊框屬性是一個用于設置一個元素右邊框的寬度、式樣、和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。

10.下邊框

語法: border-bottom: 值

允許值: 下邊框寬度 || 邊框式樣 || 顏色

初始值: 未定義

適用于: 所有對象

向下兼容: 否

下邊框屬性是一個用于設置一個元素的下邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。

11.左邊框

語法: border-left: 值

允許值: 左邊框寬度 || 邊框式樣 || 顏色

初始值: 未定義

適用于: 所有對象

向下兼容: 否

左邊框屬性是一個用于設置一個元素左邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。

12.邊框

語法: border: 值

允許值: 邊框寬度 || 邊框式樣 || 顏色

初始值: 未定義

適用于: 所有對象

向下兼容: 否

邊框屬性是一個用于設置一個元素邊框的寬度、式樣和顏色的略寫。

邊框聲明的例子包括：

H2 { border: groove 3em }
A:link { border: solid blue }
A:visited { border: thin dotted #800080 }
A:active { border: thick double red }

邊框屬性只能設置四種邊框；只能給出一組邊框的寬度和式樣。為了給出一個元素的四種邊框的不同的值，網頁制作者必須用一個或更多的屬性，如：上邊框、右邊框、下邊框、左邊框、邊框顏色、邊框寬度、邊框式樣、上邊框寬度、右邊框寬度、下邊框寬度或左邊框寬度。

13.寬度

語法: width: 值

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

初始值: auto

適用于: 塊級和替換元素

向下兼容: 否

寬度屬性的初始值為“auto”，即為該元素的原有寬度(有就是元素自己的寬度)。百分比參考上級元素的寬度。不允許使用負的長度值。

14.高度

語法: height: 值

允許值: 長度 | auto

初始值: auto

適用于: 塊級和替換元素

向下兼容: 否

高度屬性的初始值為“auto”，即為該元素的原有高度(有就是元素自己的高度，)。百分比參考上級元素的寬度。不允許使用負的長度值。

15.有關標簽

table：表格標簽，對整個表格樣式的定義要放在table中；
td：單元格標簽，對單元格樣式的定義要放在td中。
本文作者:html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：CSS實現Tab的兩種方案

下一篇：如何利用html和css來實現注冊表單的簡單實例