整理資料：與表格邊框有關的CSS語法

2024-07-11 08:23:30

字體：大中小

來源：轉載

供稿：網友

　　表格是數據的載體，不再是布局的方式，雖然我們不需要表格來進行網頁布局了，但很多表格式的數據，還是需要表格這一形式發揮它的作用！
　　我們知道Dreamweaver在表格制作方面做得非常出色，但是在某些時候還是必須結合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
　　適用于: 所有對象
　　向下兼容: 否
　　邊框樣式屬性用于設置一個元素邊框的樣式。這個屬性必須用于指定可見的邊框?？梢允褂靡坏剿膫€要害字。假如四個值都給出了，它們分別應用于上、右、下和左邊框的式樣。假如給出一個值，它將被運用到各邊上。假如兩個或三個值給出了，省略了的值與對邊相等。也可以使用略寫的邊框屬性。

示例代碼 [www.CuoXIn.com]

上一篇：漫談CSS的體系與格局(圖示)

下一篇：CSS提高網頁的維護更新效率