Style borderStyle 属性

2023-10-25 11:02| 来源: 网络整理| 查看: 265

w3school 在线教程 HTML 系列教程浏览器脚本服务器脚本编程教程 XML 系列教程建站手册参考手册 JS 参考手册 JS 参考手册（类别排序） JS 参考手册（字母排序） JavaScript JS Array JS Boolean JS Class JS Date JS Error JS Global JS JSON JS Math JS Number JS RegExp JS String JS 对象 JS 运算符 JS 语句 JS 类型化数组 Window Window 对象 Window Console Window History Window Location Window Navigator Window Screen HTML DOM HTML Document HTML Element HTML Attribute HTML Event HTML Event 对象 HTML Collection HTML NodeList HTML DOMTokenList HTML Style Web API API Console API Fetch API Fullscreen API Geolocation API History API MediaQueryList API Storage API Validation API Web HTML 对象 - button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit text time url week
其他参考手册 CSSStyleDeclaration JS 类型转换建站手册网站构建万维网联盟 (W3C) 浏览器信息网站品质语义网职业规划网站主机关于 W3School 帮助 W3School Style borderStyle 属性 borderSpacing borderTop HTML DOM Style 对象定义和用法
borderStyle 属性设置或返回元素边框的样式。

此属性可以采用一到四个值：
一个值，例如：p {border-style: solid} - 所有四个边框都是实心的两个值，例如：p {border-style: solid dotted} - 上下边框为实线，左右边框为虚线三个值，例如：p {border-style: solid dotted double} - 上边框为实线，左右边框为点线，下边框为双线四个值，例如：p {border-style: solid dotted double dashed} - 上边框为实线，右边框为虚线，下边框为双线，左边框为虚线另请参阅：
CSS 教程：CSS 边框

CSS 参考手册：border-style 属性

HTML DOM 参考手册：border 属性
实例例子 1
为元素添加实心边框：
document.getElementById("myDiv").style.borderStyle = "solid";
亲自试一试
例子 2
更改元素的四个边框的样式：
document.getElementById("myDiv").style.borderStyle = "dotted solid double dashed";
亲自试一试
例子 3
返回元素的边框样式：
alert(document.getElementById("myDiv").style.borderStyle);
亲自试一试
例子 4
对所有不同值的演示：
var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myDiv").style.borderStyle = listValue;
亲自试一试
语法
返回 borderStyle 属性：
object.style.borderStyle
设置 borderStyle 属性：
object.style.borderStyle = value 值描述 none 定义无边框。默认。 hidden 与 "none" 相同，但在解决表格元素的边框冲突中除外。 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。技术细节默认值：无返回值：字符串，表示元素边框的样式。 CSS 版本： CSS1 浏览器支持 Chrome Edge Firefox Safari Opera Chrome Edge Firefox Safari Opera 支持支持支持支持支持 borderSpacing borderTop HTML DOM Style 对象 JavaScript 和 HTML DOM 参考手册 JavaScript 实例 JavaScript 测验 JavaScript 教程
W3School 简体中文版提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。

使用条款隐私条款技术支持：赢科蒙ICP备06004630号

【本文地址】

公司简介

联系我们