关于table相关的属性,CSS样式

时间:2021-09-07 14:21:32

table属性:

1:border没有设置的话表格没有边框

2:cellpadding单元格和内容的空白

3:cellspacing单元格和单元格之间的空白

4:frame规定外边框可见性

5:rules规定内边框可见性

6:规定内边框可见性

HTML <th> 标签(<tr> 类似)

属性 描述
abbr text 规定单元格中内容的缩写版本。
align
  • left
  • right
  • center
  • justify
  • char
规定单元格内容的水平对齐方式。
axis category_name 对单元格进行分类。
bgcolor
  • rgb(x,x,x)
  • #xxxxxx
  • colorname

不推荐使用。请使用样式替代它。

规定表格单元格的背景颜色。

char character 规定根据哪个字符来进行内容的对齐。
charoff number 规定对齐字符的偏移量。
colspan number 设置单元格可横跨的列数。
headers idrefs 由空格分隔的表头单元格 ID 列表,为数据单元格提供表头信息。
height
  • pixels
  • %

不推荐使用。请使用样式替代它。

规定表格单元格的高度。

nowrap nowrap

不推荐使用。请使用样式取而代之。

规定单元格中的内容是否折行。

rowspan number 规定单元格可横跨的行数。
scope
  • col
  • colgroup
  • row
  • rowgroup
定义将表头数据与单元数据相关联的方法。
valign
  • top
  • middle
  • bottom
  • baseline
规定单元格内容的垂直排列方式。
width
  • pixels
  • %

不推荐使用。请使用样式取而代之。

规定表格单元格的宽度。

tableCSS样式:

表格 Table

属性 版本 继承性 描述
table-layout CSS2 设置或检索表格的布局算法
border-collapse CSS2 设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开
border-spacing CSS2 设置或检索当表格边框独立时,行和单元格的边框在横向和纵向上的间距(类似属性的cellspacing)
caption-side CSS2 设置或检索表格的caption对象是在表格的那一边
empty-cells CSS2 设置或检索当表格的单元格无内容时,是否显示该单元格的边框

cellpadding