table表格自带了哪些css样式

1087 ℃

前端开发用到table表格是很常见的,那么table表格自带了哪些css样式呢?下面web建站小编给大家科普一下!

表格的CSS样式属性

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

1、border-collapse属性

border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是像在标准的 HTML 中那样分开显示。

说明
collapse如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性
separate默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性
inherit规定应该从父元素继承 border-collapse 属性的值

2、border-spacing属性

说明
length规定相邻单元的边框之间的距离。使用 px、cm 等单位。不允许使用负值。
如果定义一个length参数,那么定义的是水平和垂直间距。
如果定义两个length参数,那么第一个设置水平间距,而第二个设置垂直间距。

3、caption-side属性

说明
top默认值。把表格标题定位在表格之上。
bottom把表格标题定位在表格之下。

4、empty-cells 属性

说明
hide不在空单元格周围绘制边框。
show在空单元格周围绘制边框。默认。

5、table-layout属性

说明
automatic默认。列宽度由单元格内容设定。
fixed列宽由表格宽度和列宽度设定。

table如何设置自动换行(默认会出现最小td宽度)

span点击事件后实现点击事件禁用(类似按钮disabeld方法)

table单元格不换行如何解决

如何利用css语法控制文本显示行数

css如何去掉滚动条占用的高度

标签: css, table, 表格

上面是“table表格自带了哪些css样式”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2466.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
js关于valueOf的运用方法介绍
纳米AI搜索
新站做seo多久出效果?(小编亲测)
帝国cms功能之批量发送邮件教程
jquery语法中ready的几种用法