首頁  >  文章  >  web前端  >  有關表格邊框的css語法整理(1)_基礎教程

有關表格邊框的css語法整理(1)_基礎教程

WBOY
WBOY原創
2016-05-16 12:09:311429瀏覽

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

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

  語法: border-top-width: 
 . 🎜>適用於: 所有物件  向下相容: 否
  上邊框寬度屬性用於指定一個元素上邊框的寬度。值可以是三個關鍵字其中的一個,都不受字體大小或長度的影響,可以用來實現成比例的寬度。不允許使用負值。也可以用在上邊框、邊框的寬度或邊框的屬性略寫。
  2.右邊框寬度

  語法: border-right-width: 

   thin〠| med ]med; 🎜>適用於: 所有物件
  向下相容: 否  右邊框寬度屬性用於指定元素的右邊框的寬度。值可以是三個關鍵字其中的一個,都不受字體大小或長度的影響,可以用來實現成比例的寬度。不允許使用負值。也可以用在右邊框、邊框的寬度或邊框的屬性略寫。
   3.下邊框寬度
  語法: border-bottom-width: 

 〠 
適用於: 所有物件
  向下相容: 否
  下邊框寬度屬性用於指定元素的下邊框的寬度。值可以是三個關鍵字其中的一個,都不受字體大小或長度的影響,可以用來實現成比例的寬度。不允許使用負值。也可以用在下方邊框、邊框的寬度或邊框的屬性略寫。
   4.左邊框寬度
  語法: border-left-width: 
 . 🎜>適用於: 所有物件
  向下相容: 否
  左邊框寬度屬性用於指定元素的左邊框的寬度。值可以是三個關鍵字其中的一個,都不受字體大小或長度的影響,可以用來實現成比例的寬度。不允許使用負值。也可以用在左邊框、邊框的寬度或邊框的屬性略寫。
  5.邊框寬度

  語法: border-width: 
  允許值: :未定義
  適用於: 所有物件  向下相容: 否
  邊框寬度屬性以一到四個值來設定元素的邊界,值是一個關鍵字或長度。不允許使用負值長度。如果四個值都給了,它們分別應用於上、右、下和左邊框框的式樣。如果給予一個值,它將被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。 這個屬性是上邊框寬度、右邊框寬度、下邊框寬度和左邊框寬度屬性的略寫。也可以使用略寫的邊框屬性。
  6.邊框顏色

  語法: border-color: 

  允許值: 
{1,4}   允許值: 
{1,4}   允許值: 
{1,4}
  允許值: 
{1,4}
  容於: 所有物件
  向下相容: 否
  邊框顏色屬性設定一個元素的邊框顏色。可以使用一到四個關鍵字。如果四個值都給了,它們分別應用於上、右、下和左邊框框的式樣。如果給予一個值,它將被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框屬性。
  7.邊框樣式
  語法: border-style: 
  允許值: [ set | outset ]{1, 4}
  初始值: none
  適用於: 所有物件
  向下相容: 否
  邊框樣式屬性用來設定一個元素邊框的樣式。這個屬性必須用來指定可見的邊框。可以使用一到四個關鍵字。如果四個值都給了,它們分別應用於上、右、下和左邊框框的式樣。如果給予一個值,它將被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框屬性。

  none:無樣式;
  dotted:點線;
  dashed:虛線;
  solid:實線;
  ridge:脊線;
  inset:內凹;
  outset:外凸

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn