CSS表格样式的常见设置包括border-collapse、border-spacing、caption-side、empty-cells、table-layout、text-align、vertical-align、width等属性。
border-collapse用于设置表格边框的合并方式,collapse为合并,separate为不合并;
border-spacing用于设置单元格的边框间距,length为数值;
caption-side用于设置表格标题的位置,top为上方,bottom为下方;
empty-cells用于设置空单元格的显示方式,show为显示,hide为隐藏;
table-layout用于设置表格的布局方式,auto为自动,fixed为固定;
text-align用于设置表格内文字的对齐方式,left为左对齐,center为居中,right为右对齐;
vertical-align用于设置表格内文字的垂直对齐方式,baseline为基线,middle为中线,top为上边,bottom为下边;
width用于设置表格的宽度,length为数值。
属性 | 值 | 说明 |
---|---|---|
border-collapse | collapse | separate | 设置表格边框的合并方式,collapse为合并,separate为不合并 |
border-spacing | length | 设置单元格的边框间距,length为数值 |
caption-side | top | bottom | 设置表格标题的位置,top为上方,bottom为下方 |
empty-cells | show | hide | 设置空单元格的显示方式,show为显示,hide为隐藏 |
table-layout | auto | fixed | 设置表格的布局方式,auto为自动,fixed为固定 |
text-align | left | center | right | 设置表格内文字的对齐方式,left为左对齐,center为居中,right为右对齐 |
vertical-align | baseline | middle | top | bottom | 设置表格内文字的垂直对齐方式,baseline为基线,middle为中线,top为上边,bottom为下边 |
width | length | 设置表格的宽度,length为数值 |