| 導購 | 订阅 | 在线投稿
分享
 
 
 

與表格邊框有關的CSS語法

2008-08-29 06:38:36  編輯來源:互聯網  简体版  手機版  移動版  評論  字體: ||
 

表格是數據的載體,不再是布局的方式,雖然我們不需要表格來進行網頁布局了,但很多表格式的數據,還是需要表格這一形式發揮它的作用!我們知道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

適用于: 所有對象

向下兼容: 否

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

以下是引用片段:

none:無樣式;

dotted:點線;

dashed:虛線;

solid:實線;

double:雙線;

groove:槽線;

ridge:脊線;

inset:內凹;

outset:外凸

8.上邊框

以下是引用片段:

語法: border-top: <值>

允許值: <上邊框寬度> || <邊框式樣> || <顔色>

初始值: 未定義

適用于: 所有對象

向下兼容: 否

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

9.右邊框

語法: border-right: <值>

允許值: <右邊框寬度> || <邊框式樣> || <顔色>

初始值: 未定義

適用于: 所有對象

向下兼容: 否

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

10.下邊框

以下是引用片段:

語法: border-bottom: <值>

允許值: <下邊框寬度> || <邊框式樣> || <顔色>

初始值: 未定義

適用于: 所有對象

向下兼容: 否

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

11.左邊框

以下是引用片段:

語法: border-left: <值>

允許值: <左邊框寬度> || <邊框式樣> || <顔色>

初始值: 未定義

適用于: 所有對象

向下兼容: 否

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

 
表格是數據的載體,不再是布局的方式,雖然我們不需要表格來進行網頁布局了,但很多表格式的數據,還是需要表格這一形式發揮它的作用!我們知道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   適用于: 所有對象   向下兼容: 否   邊框樣式屬性用于設置一個元素邊框的樣式。這個屬性必須用于指定可見的邊框。可以使用一到四個關鍵字。如果四個值都給出了,它們分別應用于上、右、下和左邊框的式樣。如果給出一個值,它將被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框屬性。 以下是引用片段:   none:無樣式;   dotted:點線;   dashed:虛線;   solid:實線;   double:雙線;   groove:槽線;   ridge:脊線;   inset:內凹;   outset:外凸 8.上邊框 以下是引用片段:   語法: border-top: <值>   允許值: <上邊框寬度> || <邊框式樣> || <顔色>   初始值: 未定義   適用于: 所有對象   向下兼容: 否   上邊框屬性是一個用于設置一個元素上邊框的寬度、式樣和顔色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。 9.右邊框   語法: border-right: <值>   允許值: <右邊框寬度> || <邊框式樣> || <顔色>   初始值: 未定義   適用于: 所有對象   向下兼容: 否   右邊框屬性是一個用于設置一個元素右邊框的寬度、式樣、和顔色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。   10.下邊框 以下是引用片段:   語法: border-bottom: <值>   允許值: <下邊框寬度> || <邊框式樣> || <顔色>   初始值: 未定義   適用于: 所有對象   向下兼容: 否   下邊框屬性是一個用于設置一個元素的下邊框的寬度、式樣和顔色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。 11.左邊框 以下是引用片段:   語法: border-left: <值>   允許值: <左邊框寬度> || <邊框式樣> || <顔色>   初始值: 未定義   適用于: 所有對象   向下兼容: 否   左邊框屬性是一個用于設置一個元素左邊框的寬度、式樣和顔色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。
󰈣󰈤
王朝萬家燈火計劃
期待原創作者加盟
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
王朝網路微信公眾號
微信掃碼關註本站公眾號 wangchaonetcn
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有