定义和用法
该borderTopStyle属性设置或返回元素的上边框的风格。
浏览器支持
该borderTopStyle属性在所有主流浏览器的支持。
句法
返回borderTopStyle属性：
object .style.borderTopStyle
设置borderTopStyle属性：
object .style.borderTopStyle= value |initial|inherit
属性值
| 值 | 描述 |
|---|---|
| none | 定义无边框。 这是默认 |
| hidden | 同"none" ，除了在边境解决冲突表格元素 |
| dotted | 定义虚线边框 |
| dashed | 定义一个虚线框 |
| solid | 定义了坚实的边界 |
| double | 定义了两个边界。 两个边框的宽度是相同的边框宽度值 |
| groove | 定义3D沟槽边界。 该效果取决于边框颜色值 |
| ridge | 定义3D脊边界。 该效果取决于边框颜色值 |
| inset | 定义3D插图边框。 该效果取决于边框颜色值 |
| outset | 3D突出边框。 该效果取决于边框颜色值 |
| initial | 将此属性设置为默认值。 阅读关于初始 |
| inherit | 继承其父元素此属性。 阅读关于继承 |
技术细节
| 默认值： | 没有 |
|---|---|
| 返回值： | 一个字符串，代表元素上边框的样式 |
| CSS版本 | CSS1 |
更多示例
例
更改顶部边框的样式<div>元素，以"dotted" ：
document.getElementById("myDiv").style.borderTopStyle = "dotted";
试一试» 例
所有不同值的演示：
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue; 试一试» 相关页面
CSS教程： CSS边框
CSS参考： border-top-style property
HTML DOM参考： border property
<Style对象