HTML <hr> 尺寸属性

在 HTML 中，<hr> 元素用于在文档中插入水平线。<hr> 元素在默认情况下以绝对尺寸渲染，但可以使用尺寸属性来改变其宽度和高度。

尺寸属性

<hr> 元素提供了几个尺寸属性，用于调整水平线的宽度和高度：

• size：指定水平线的高度（厚度）。该属性的值可以是一个正整数，表示水平线的像素高度，或者是一个百分比值，表示相对于父元素宽度的百分比。
• width：指定水平线的宽度。该属性的值可以是一个正整数，表示水平线的像素宽度，或者是一个百分比值，表示相对于父元素宽度的百分比。

这些尺寸属性可以通过直接在 <hr> 元素上设置或使用 CSS 样式来使用。

示例

以下是使用尺寸属性的示例代码：

<!-- 设置高度为 5px -->
<hr size="5">

<!-- 设置高度为父元素宽度的 30% -->
<hr size="30%">

<!-- 设置宽度为 200px -->
<hr width="200">

<!-- 设置宽度为父元素宽度的 50% -->
<hr width="50%">

注意事项

• size 和 width 属性可以同时使用，以实现自定义的水平线尺寸。
• 如果未设置任何尺寸属性，则水平线的默认高度为 2px，宽度为 100%。
• size 属性早期被废弃，但目前仍被广泛支持，因此可以安全使用。

结论

尺寸属性允许程序员自定义 <hr> 元素的高度和宽度，使其适应特定布局需求。通过设置 size 和 width 属性，您可以创建适合您网页风格的水平线。

请记住，尺寸属性的值可以是像素或百分比，具体取决于您的需求。