设置元素的上边框样式。
可能的值
- none − 无边界。（相当于边框宽度：0;
- solid − 边框是一条实线。
- dotted - 边框是一系列点。
- dashed - 边框是一系列短线。
- double − 边框是两条实线。
- groove - 边框看起来就像是雕刻在页面上的。
- ridge - 边框看起来与凹槽相反。
- inset - 边框使框看起来像嵌入在页面中。
- outset − 边框使框看起来像是从画布中出来的。
- hidden - 与无相同，但在解决表元素的边界冲突方面除外。
适用于
所有 HTML 元素。
DOM 语法
object.style.bordertopStyle="dashed"
例
以下示例演示了 border-top-style 属性 -
<html>
<head>
<style>
h2{
border-style: groove;
border-top-style: double ;
}
p {
border-style: solid;
border-top-style: ridge;
}
</style>
</head>
<body>
<h2>top border is double</h2>
<p>top border is ridge</p>
</body>
</html>
