最新的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