HTML | DOM 样式 borderTopWidth 属性

简介

borderTopWidth 是一种 DOM 属性，在 HTML 元素上设置顶部边框的宽度。 它的值可以以像素、百分比或预定义值（thin、medium、thick）的形式指定。

语法

element.style.borderTopWidth = "value"

属性值

• value : 指定顶部边框的宽度，可以是像素、百分比或预定义值（thin、medium、thick）。

示例

设置定制化的顶部边框宽度：

<div id="myDiv">Hello World</div>

document.getElementById("myDiv").style.borderTopWidth = "5px";

设置预定义宽度的顶部边框：

<div id="myDiv">Hello World</div>

document.getElementById("myDiv").style.borderTopWidth = "thick";

支持的浏览器

borderTopWidth 属性支持所有主流浏览器，包括 Chrome、Firefox 和 Safari。

总结

borderTopWidth 属性是设置顶部边框宽度的重要属性之一，可以帮助开发人员在网页设计中控制元素的外观和样式。在使用此属性时，建议遵守 HTML/CSS 设计原则，以确保在不同浏览器和设备上都能呈现出优美的效果。