html

html,第1张

目录
    • 标签的特有属性
    • 标签特有的属性
    • 特有属性
  • 在css中的可设定样式
  • HTMLTableElement对象的方法

标签的特有属性
  • cellpadding:用于设置td,th中的内容与边框的距离
  • cellspacing:用于设置td,th之间的距离

ATTENTION:

  • 给td,th设置margin属性是无效的。想要设置单元格之间的间距只有通过table的内联属性cellspacing来进行设置。
  • 通常会在reset.css中写入*{padding:0;margin:0;},这条代码会导致cellpadding失效。但是可以给单元格设置padding达到同样的效果。
  • <col>一般与<colgroup>一起使用,用于设置列样式。
特有属性
  • span:设置该col标签横跨多少列

ATTENTION:

  • 在<col>中设置的样式的优先级低于css。如果某个单元格的样式与<col>中的样式冲突,那么以css中的样式为准。
标签特有的属性
  • colspan:设置单元格横向合并个数,即列合并。
  • rowspan:设置单元格竖向合并个数,即行合并。
在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():为表格创建
元素,返回新创建的HTMLTableFootElement。
  • createTHead():为表格创建
  • 元素,返回新创建的HTMLTableHeadElement。
  • insertCell(index):在index处创建一个单元格,返回新创建的单元格。
  • deleteRow(index):删除指定的行。
  • deleteCell(index):删除指定的单元格。
  • html_table标签的属性,css样式,以及HTMLTableElement的方法

    欢迎分享,转载请注明来源:内存溢出

    原文地址:https://outofmemory.cn/mo/1006981.html

    (0)
    打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
    上一篇 2022-05-22
    下一篇2022-05-22

    随机推荐

    发表评论

    登录后才能评论

    评论列表(0条)

      保存