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

post0發表於2007-08-15
有關表格邊框的css語法整理(轉)[@more@]

  我們知道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中。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/8225414/viewspace-957433/,如需轉載,請註明出處,否則將追究法律責任。

相關文章