JavaScript 参考手册 目录

Table rules 属性

在 HTML 表格中,我们可以使用 rules 属性来定义表格的边框规则。rules 属性有以下几种取值:

  • none:默认值,表示没有边框规则。
  • groups:表示表格的外边框只在行组和列组之间绘制。
  • rows:表示表格的外边框只在行之间绘制。
  • cols:表示表格的外边框只在列之间绘制。
  • all:表示表格的外边框在行和列之间都绘制。

使用示例

1. rules="none"

------ ---------- -------------
  ----
    ------- -- ---- ------
    ------- -- ---- ------
  -----
  ----
    ------- -- ---- ------
    ------- -- ---- ------
  -----
--------

在这个示例中,表格的边框规则被设置为 none,即没有边框。

2. rules="groups"

------ ---------- ---------------
  ----
    ------- -- ---- ------
    ------- -- ---- ------
  -----
  ----
    ------- -- ---- ------
    ------- -- ---- ------
  -----
--------

在这个示例中,表格的边框规则被设置为 groups,即外边框只在行组和列组之间绘制。

3. rules="rows"

------ ---------- -------------
  ----
    ------- -- ---- ------
    ------- -- ---- ------
  -----
  ----
    ------- -- ---- ------
    ------- -- ---- ------
  -----
--------

在这个示例中,表格的边框规则被设置为 rows,即外边框只在行之间绘制。

4. rules="cols"

------ ---------- -------------
  ----
    ------- -- ---- ------
    ------- -- ---- ------
  -----
  ----
    ------- -- ---- ------
    ------- -- ---- ------
  -----
--------

在这个示例中,表格的边框规则被设置为 cols,即外边框只在列之间绘制。

5. rules="all"

------ ---------- ------------
  ----
    ------- -- ---- ------
    ------- -- ---- ------
  -----
  ----
    ------- -- ---- ------
    ------- -- ---- ------
  -----
--------

在这个示例中,表格的边框规则被设置为 all,即外边框在行和列之间都绘制。

通过使用 rules 属性,我们可以灵活地控制表格的边框规则,使表格在页面中展示出不同的风格。


下一篇:概览