CSS 表格属性（Table）-KeepStudy

CSS 表格属性（Table）

| 属性 | 说明 | CSS |
|-----|-----|-----|
| border-collapse | 规定是否合并表格边框 | 2 |
| border-spacing | 规定相邻单元格边框之间的距离 | 2 |
| caption-side | 规定表格标题的位置 | 2 |
| empty-cells | 规定是否显示表格中的空单元格上的边框和背景 | 2 |
| table-layout | 设置用于表格的布局算法 | 2 |

## border-collapse 属性
- JavaScript 语法:object object.style.borderCollapse="collapse"
- 属性值
    - collapse：如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性
    - separate：默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性
    - inherit：规定应该从父元素继承 border-collapse 属性的值

## border-spacing 属性
- JavaScript 语法:	object object.style.borderSpacing="15px"
- 属性值
length length：规定相邻单元的边框之间的距离。使用 px、cm 等单位。不允许使用负值。如果定义一个 length 参数，那么定义的是水平和垂直间距。如果定义两个 length 参数，那么第一个设置水平间距，而第二个设置垂直间距。

## caption-side 属性
- JavaScript 语法：	object.style.captionSide="bottom"
- 属性值
    - top：默认值。把表格标题定位在表格之上。
    - bottom：把表格标题定位在表格之下。
    - inherit：规定应该从父元素继承 caption-side 属性的值。

## empty-cells 属性
- JavaScript 语法：	object.style.emptyCells="hide"
- 属性值
    - hide：不在空单元格周围绘制边框。
    - show：在空单元格周围绘制边框。默认。
    - inherit：规定应该从父元素继承 empty-cells 属性的值。

## table-layout 属性
- JavaScript 语法：	object.style.tableLayout="fixed"
- 属性值
    - automatic：默认。列宽度由单元格内容设定。
    - fixed：列宽由表格宽度和列宽度设定。
    - inherit：规定应该从父元素继承 empty-cells 属性的值。

顶部

CSS属性

目录

相关推荐