目录

style border 属性

示例

向 <div> 元素添加边框:

document.getElementById("myDiv").style.border = "thick solid #0000FF";
亲自试一试 »

下面有更多 "亲自试一试" 示例。


描述

border 属性以简写形式设置或返回最多三个单独的边框属性。

使用此属性,您可以设置/返回以下一项或多项(按任意顺序):

  • 边框宽度
  • 边框式
  • 边框颜色

相关页面

CSS教程:CSS 边框

CSS 参考:边境属性



语法

返回边框属性:

object.style.border

设置边框属性:

object.style.border = "width style color|initial|inherit"

属性值

Parameter Description
width Sets the width of the borders
style Sets the style of the borders
color Sets the color of the borders
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 未指定
返回值: 一个字符串,表示元素的边框宽度、样式和/或颜色
CSS版本 CSS1


浏览器支持

border是 CSS1 (1996) 的一项功能。

所有浏览器都完全支持它:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes Yes

更多示例

示例

更改 <div> 元素边框的宽度、样式和颜色:

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

示例

返回 <div> 元素的边框属性值:

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