Table cellSpacing 属性

在 HTML 的表格元素中，cellSpacing 属性用于定义单元格之间的间距。这个属性通常用于设置表格的外边距，以便在视觉上更好地区分单元格之间的边界。

语法

cellSpacing 属性是在<table>标签中定义的，语法如下：

<table cellSpacing="value">

其中，value 表示单元格之间的间距大小，可以是一个正整数或者一个百分比值。

默认值

cellSpacing 属性的默认值是 2，表示默认情况下，单元格之间的间距为 2 个像素。

示例

让我们来看一个简单的示例，展示如何使用 cellSpacing 属性来设置表格的单元格间距：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
    <title>Table cellSpacing 示例</title>
</head>
<body>

<table border="1" cellSpacing="5">
    <tr>
        <td>单元格 1</td>
        <td>单元格 2</td>
    </tr>
    <tr>
        <td>单元格 3</td>
        <td>单元格 4</td>
    </tr>
</table>

</body>
</html>

在上面的示例中，我们创建了一个包含两行两列的简单表格，通过设置 cellSpacing 属性为 5，我们为表格的单元格之间定义了 5 个像素的间距。

注意事项

• cellSpacing 属性只对具有边框的表格元素有效，如果表格没有边框，设置 cellSpacing 属性将不会产生任何效果。
• cellSpacing 属性不支持负值，只能设置正整数或百分比值。
• 在现代的 web 开发中，为了更好地控制表格样式，推荐使用 CSS 来代替 HTML 属性来设置表格的样式。

通过合理地使用 cellSpacing 属性，我们可以轻松地控制表格单元格之间的间距，从而让表格在页面上更加美观和易读。希望本文能帮助你更好地理解和使用这个属性。