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