最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

Style border Property

例

边框添加到<div>元素：

document.getElementById("myDiv").style.border = "thick solid #0000FF";

更多"Try it Yourself"下面的例子。

定义和用法

边框属性设置或返回最多三个独立的过境性质，以简写形式。

有了这个属性，你可以设置/返回的一个或多个以下（以任意顺序）：

边框宽度
边框样式
边框颜色

浏览器支持

在表中的数字规定，完全支持该财产浏览器版本。

属性
border	1.0	4	1.0	1.0	3.5

句法

返回border属性：

object .style.border

设置border属性：

object .style.border=" 属性值

参数	描述
width	设置边框的宽度
style	设置边框的样式
color	设置边框的颜色
initial	将此属性设置为默认值。阅读关于初始
inherit	继承其父元素此属性。阅读关于继承

技术细节

默认值：	未标明
返回值：	一个字符串，表示元素的边框宽度，样式和/或颜色
CSS版本	CSS1

更多示例

例

改变的边界的宽度，样式及颜色<div>元素：

document.getElementById("myDiv").style.border = "thin dotted red";

例

返回的边界的属性值<div>元素：

alert(document.getElementById("myDiv").style.border);

相关页面

CSS教程： CSS边框

CSS参考： border property