📌  相关文章
📜  HTML DOM Image hspace 属性(1)

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

HTML DOM Image hspace 属性

hspace 属性规定图像周围的空白（以像素为单位）。即图像与文本或其他元素之间的距离。

语法
document.getElementById("myImage").hspace = 10;
属性值

属性值可以设置为大于或等于 0 的任意数字。默认值为 0。

实例
<!DOCTYPE html>
<html>
<head>
	<title>HTML DOM Image hspace 属性</title>
</head>
<body>
	<h2>HTML DOM Image hspace 属性</h2>
	<p>点击下面的按钮，将修改图片与文本之间的空白。</p>
	<img src="https://picsum.photos/200/300" alt="图片示例" id="myImage">
	<br><br>
	<button onclick="changeHspace()">更改图片与文本之间的距离</button>
	<script>
		function changeHspace() {
			document.getElementById("myImage").hspace = 30;
		}
	</script>
</body>
</html>
浏览器支持

hspace 属性受所有主流浏览器支持，包括 Edge、Firefox、Chrome、Safari 以及 Opera 等。

总结

本文介绍了 HTML DOM 中的 Image hspace 属性，该属性用于设置图像与文本之间的空白。其中包括该属性的语法、属性值、实例以及浏览器的支持情况。