Table邊框使用總結

本文轉載自：http://www.cnblogs.com/Nina-piaoye/archive/2009/05/13/1455791.html

一、表格的常用屬性基本屬性有：width（寬度）、height（高度）、border（邊框值）、cellspacing（表格的內寬，即表格與tr之間的間隔）、 cellpadding（表格內元素的間隔，即tr與tr之間的間隔）、bordercolorlight（表格的亮邊框顏色）、 bordercolordark（表格的暗邊框顏色）、bgcolor（表格的背景色）、background（表格的背景圖片）、 bordercolor（表格邊框的顏色），

二、表格內部分隔線的屬性
起作用的是rules這個引數，它有三個值(cols,rows,none)，當rules=cols時，表格會隱藏橫向的分隔線，也就是我們只能看到表 格的列；當rules=rows時，就隱藏了縱向的分隔線，也就是我們只能看到表格的行；而當rules=none時，縱向分隔線和橫向分隔線將全部隱 藏，我們就只能看到一個表格的外框了。看一下下面的對比效果你就會明白的

a b c a b c a b c	這是最普通的表格形式
a b c a b c a b c	這是隱藏了橫向分隔線的表格，即rules=cols
a a a b b b c c c	這是隱藏了縱向分隔線的表格，即rules=rows
a b c a b c a b c	這是隱藏了所有內部分隔線的表格，即rules=none

三、表格外部分隔線的屬性表格外邊框的顯示與隱藏，是可以用frame引數來控制的。注意：只對表格的外邊框起作用，對內部邊、線不起作用只顯示上邊框

只顯示下邊框
只顯示左、右邊框
只顯示上、下邊框
只顯示左邊框
只顯示右邊框
不顯示任何邊框

我在新增點：

frame和rules屬性：這兩個屬性比較特殊，是用於定義表格邊框顯示方式的。
frame：該屬性定義表格最外層表格線的顯示方式，有以下可選值：
void：不顯示錶格外層的邊框線。
box：顯示四周的邊框線
border：和box相同
above：只顯示頂部的邊框線
below：只顯示底部的邊框線
lhs：只顯示左側的邊框線
rhs：只顯示右側的邊框線
hsides：只顯示頂部和底部的邊框線
vsides：只顯示左側和右側的邊框線

rules：該屬性定義單元格邊框顯示方式，有以下可選值：none：不顯示單元格邊框
all：顯示所有單元格邊框線
cols：只顯示縱向邊框線，及單元格左右側的邊框線。
rows：只顯示橫向邊框線，即單元格上下兩側的邊框線。rows和cols在實際中有時是很有用的。
groups：分組顯示，只顯示thead/tbody/tfoot的邊框線。

看一下對比效果吧：

a b c a b c a b c	這是最普通的表格形式
a b c a b c a b c	這是隻顯示上邊框的表格，即frame=above
a b c a b c a b c	這是隻顯示下邊框的表格，即frame=below
a b c a b c a b c	這是隻顯示左、右邊框的表格，即frame=vsides
a b c a b c a b c	這是隻顯示上、下邊框的表格，即frame=hsides
a b c a b c a b c	這是隻顯示左邊框的表格，即frame=lhs
a b c a b c a b c	這是隻顯示右邊框的表格，即frame=rhs
a b c a b c a b c	這是不顯示任何邊框的表格，即frame=void

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