目录

style borderTopStyle 属性

❮上一节 ❮ 样式对象参考下一节❯

示例

向 <div> 元素添加 "solid" 顶部边框：

document.getElementById("myDiv").style.borderTopStyle = "solid";

亲自试一试 »

描述

borderTopStyle 属性设置或返回元素上边框的样式。

浏览器支持

Property
borderTopStyle	Yes	Yes	Yes	Yes	Yes

语法

返回 borderTopStyle 属性：

object.style.borderTopStyle

设置 borderTopStyle 属性：

object.style.borderTopStyle = value |initial|inherit

属性值

Value	Description
none	Defines no border. This is default
hidden	Same as "none", except in border conflict resolution for table elements
dotted	Defines a dotted border
dashed	Defines a dashed border
solid	Defines a solid border
double	Defines two borders. The width of the two borders are the same as the border-width value
groove	Defines a 3D grooved border. The effect depends on the border-color value
ridge	Defines a 3D ridged border. The effect depends on the border-color value
inset	Defines a 3D inset border. The effect depends on the border-color value
outset	Defines a 3D outset border. The effect depends on the border-color value
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

技术细节

默认值：	没有任何
返回值：	一个 String，表示元素上边框的样式
CSS版本	CSS1

更多示例

示例

将 <div> 元素的上边框样式更改为 "dotted"：

document.getElementById("myDiv").style.borderTopStyle = "dotted";

亲自试一试 »

示例

返回 <div> 元素的顶部边框样式：

alert(document.getElementById("myDiv").style.borderTopStyle);

亲自试一试 »

示例

所有不同值的演示：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue;

亲自试一试 »

相关页面

CSS教程：CSS 边框

CSS 参考：border-top 样式属性

HTML DOM 参考：边境属性

❮上一节 ❮ 样式对象参考下一节❯