HTML | colgroup charoff 属性

简介

<colgroup> 标签可用于为表格中的一列或多列定义公共的属性。其中，charoff 属性用于定义单元格与表格边框的距离，其默认值为 0。

语法

<colgroup charoff="offset">
    <col span="number" />
    ...
</colgroup>

• charoff: 规定单元格边框与其内容之间的空间距离，单位为像素或百分比。
• offset: 单元格边框与其内容之间的空间距离值。

该属性仅适用于 table 元素的子元素 colgroup 和 col。

示例

<table border="1">
    <colgroup>
        <col span="2" />
        <col style="background-color:yellow" />
    </colgroup>
    <tr>
        <td>Row 1, Column 1</td>
        <td>Row 1, Column 2</td>
        <td>Row 1, Column 3</td>
    </tr>
    <tr>
        <td>Row 2, Column 1</td>
        <td>Row 2, Column 2</td>
        <td>Row 2, Column 3</td>
    </tr>
    <tr>
        <td>Row 3, Column 1</td>
        <td>Row 3, Column 2</td>
        <td>Row 3, Column 3</td>
    </tr>
</table>

<table border="1">
    <colgroup charoff="10">
        <col span="2" />
        <col style="background-color:yellow" />
    </colgroup>
    <tr>
        <td>Row 1, Column 1</td>
        <td>Row 1, Column 2</td>
        <td>Row 1, Column 3</td>
    </tr>
    <tr>
        <td>Row 2, Column 1</td>
        <td>Row 2, Column 2</td>
        <td>Row 2, Column 3</td>
    </tr>
    <tr>
        <td>Row 3, Column 1</td>
        <td>Row 3, Column 2</td>
        <td>Row 3, Column 3</td>
    </tr>
</table>

总结

charoff 属性可用于调整单元格的位置，使其与表格边框之间有一定的距离；但该属性在 HTML5 中已经被废弃，推荐使用 CSS 进行样式控制。