语法
borderTopStyle 属性的语法非常简单，只需要指定边框样式的值即可。常见的值包括：
none：无边框solid：实线边框dashed：虚线边框dotted：点线边框double：双线边框groove：3D 凹槽边框ridge：3D 凸槽边框inset：3D 内阴影边框outset：3D 外阴影边框
示例代码
下面是一个简单的示例代码，演示如何使用 borderTopStyle 属性设置元素的顶部边框样式：
// www.javascriptcn.com code example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Border Top Style Example</title>
<style>
.border-example {
width: 200px;
height: 100px;
border-top-width: 2px;
border-top-style: dashed;
border-top-color: red;
}
</style>
</head>
<body>
<div class="border-example">This is a div element with dashed top border.</div>
</body>
</html>在这个示例中，我们定义了一个类名为 border-example 的 div 元素，设置了 borderTopWidth、borderTopStyle 和 borderTopColor 属性，分别控制了顶部边框的宽度、样式和颜色。
注意事项
- 使用
borderTopStyle属性时，需要先设置borderTopWidth和borderTopColor属性，否则样式设置可能不会生效。 - 不同浏览器对于
borderTopStyle属性的支持有所差异，建议在使用时进行兼容性测试。
希望通过本文的介绍，你能更好地理解和使用 borderTopStyle 属性来设置元素的顶部边框样式。祝你在 web 前端开发中取得成功！