html_table标签的属性,css样式,以及HTMLTableElement的⽅法⽬录
< table >
< table > 标签的特有属性
html网页设计 table cellpadding:⽤于设置td,th中的内容与边框的距离
cellspacing:⽤于设置td,th之间的距离
ATTENTION:
给td,th设置margin属性是⽆效的。想要设置单元格之间的间距只有通过table的内联属性cellspacing来进⾏设置。
通常会在reset.css中写⼊*{padding:0;margin:0;},这条代码会导致cellpadding失效。但是可以给单元格设置padding达到同样的效果。< td >
< td > 标签特有的属性
colspan:设置单元格横向合并个数,即列合并。
rowspan:设置单元格竖向合并个数,即⾏合并。
< col > 以 < colgroup >
<col>⼀般与<colgroup>⼀起使⽤,⽤于设置列样式。
< col > 特有属性
span:设置该col标签横跨多少列
ATTENTION:
在<col>中设置的样式的优先级低于css。如果某个单元格的样式与<col>中的样式冲突,那么以css中的样式为准。
< table > 在css中的可设定样式
border-collapse:控制两个单元格边框是否合并在⼀起
separate,分开
collapse,合并
border-spacing:设置单元格边框之间的间距
caption-side
empty-cells:有边框的情况下设置⽆内容的单元格是否显⽰边框
hide:
show:
ATTENTION
注意border-spacing样式属性与cellspacing内联属性之间的冲突由border-spacing样式决定。
HTMLTableElement对象的⽅法
insertRow(index):在index处插⼊⼀⾏,返回新创建的HTMLTableRowElement。
createCaption():为表格创建标题。返回新创建的HTMLTableCaptionElement。
createTFoot():为表格创建 < tfoot > 元素,返回新创建的HTMLTableFootElement。
createTHead():为表格创建 < thead> 元素,返回新创建的HTMLTableHeadElement。
insertCell(index):在index处创建⼀个单元格,返回新创建的单元格。
deleteRow(index):删除指定的⾏。
deleteCell(index):删除指定的单元格。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论