📌  相关文章
📜  HTML DOM 对象 vspace 属性(1)

📅  最后修改于: 2023-12-03 15:15:33.815000             🧑  作者: Mango

HTML DOM 对象 vspace 属性

简介

HTML DOM 对象中的 vspace 属性用于定义表格单元格与其上下单元格之间的垂直空间。该属性适用于

, , , , ,
和 等元素。

语法
object.vspace = number;

参数说明：

  • object：要设置 vspace 属性的 DOM 对象。
  • number：必需。表格单元格与其上下单元格之间的垂直空间，以像素为单位。
实例

设置表格单元格与其上方单元格之间的垂直空间为 10 像素。

<!DOCTYPE html>
<html>
<head>
	<title>HTML DOM 对象 vspace 属性</title>
</head>
<body>
	<table border="1">
		<tr>
			<td>Hello</td>
			<td>World</td>
		</tr>
		<tr>
			<td>vspace=10</td>
			<td>vspace=10</td>
		</tr>
		<tr>
			<td>Foo</td>
			<td>Bar</td>
		</tr>
	</table>

	<script>
		var table = document.getElementsByTagName("table")[0];
		table.rows[1].cells[0].vspace = 10;
		table.rows[1].cells[1].vspace = 10;
	</script>
</body>
</html>

效果如下：

vspace属性示例

注意事项
  • 仅适用于表格单元格与其上下单元格之间的垂直空间，不影响表格行之间的距离。
  • 在 HTML5 中该属性已被弃用，建议使用 CSS 来控制表格单元格之间的垂直空间。