轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

Style borderTopStyle 属性

实例

更改上边框的样式:

document.getElementById("myDiv").style.borderTopStyle = "solid";
亲自试一试 »

定义和用法

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

浏览器支持

属性
borderTopStyle Yes Yes Yes Yes Yes

语法

返回 borderTopStyle 属性:

object.style.borderTopStyle

设置 borderTopStyle 属性:

object.style.borderTopStyle = value |initial|inherit

属性值

值 描述
none 默认。定义无边框。
hidden 与 "none"相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted 定义点状边框。
dashed 定义虚线边框。
solid 定义实线边框。
double 定义双线边框。双线的宽度等于 border-width 的值。
groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
inset 定义 3D inset 边框。其效果取决于 border-color 的值。
outset 定义 3D outset 边框。其效果取决于 border-color 的值。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

技术细节

默认值: none
返回值: 一个字符串，表示元素上边框的样式
CSS 版本 CSS1

更多实例

实例

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

document.getElementById("myDiv").style.borderTopStyle = "dotted";
亲自试一试 »

实例

返回 <div> 元素的上边框样式:

alert(document.getElementById("myDiv").style.borderTopStyle);
亲自试一试 »

实例

A demonstration of all the different values:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue;
亲自试一试 »

相关页面

CSS 教程: CSS Border

CSS 参考手册: border-top-style 属性

HTML DOM 参考手册: border 属性

❮ Style 对象