参考资料

  1. HTML DOM 返回一个button所属表的ID 实例
  2. HTML DOM 根节点childNodes 和 nodeValue
  3. HTML DOM一个行的innerHTML
  4. HTML DOM 重置表单
  5. HTML DOM 对image排版
  6. HTML DOM改变表格的cellpadding和cellspacing
  7. HTML DOM shift键被按下了吗？
  8. HTML DOM 节点

HTML DOM 表格 frame 属性

简介

frame 属性用于指定表格外边框的显示方式，控制表格的哪些外部边框可见。

标签属性

<table frame="value">

属性值

值描述
void不显示任何边框
above仅显示顶部边框
below仅显示底部边框
hsides显示顶部和底部边框
vsides显示左侧和右侧边框
lhs仅显示左侧边框
rhs仅显示右侧边框
box显示所有四个边框
border显示所有四个边框

用法示例

<table frame="hsides">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
  </tr>
</table>

CSS 扩展

虽然 frame 是 HTML 属性，但可以通过 CSS 实现类似效果：

table {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: none;
  border-right: none;
}
/* 等同于 frame="hsides" */

功能说明

  • 控制表格外边框的显示方式

  • 不影响单元格之间的边框（使用 rules 属性控制）

  • 与 border 属性配合使用（border 必须大于0才能看到效果）

  • 现代网页设计中，通常使用 CSS 来实现边框控制

TAG：边框属性表格显示方式顶部底部左侧右侧所有效果