Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM 參考手冊

概覽

JavaScript 對象

JavaScript Array 對象 JavaScript Boolean 對象 JavaScript Date 對象 JavaScript Math 對象 JavaScript Number 對象 JavaScript String 對象 JavaScript RegExp 對象 JavaScript 全局屬性/函數 JavaScript 運算符

Browser 對象

Window 對象 Navigator 對象 Screen 對象 History 對象 Location 對象

DOM 對象

HTML DOM Document 對象 HTML DOM 元素對象 HTML DOM 屬性對象 HTML DOM 事件對象

HTML 對象

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <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> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Style outlineOffset 屬性

上一頁： HTML DOM Style order屬性

下一頁： HTML DOM Style overflowX屬性

實例

規定邊框邊緣之外15 像素處的輪廓：

document.getElementById("myDIV").style.outlineOffset="15px";

定義和用法

outlineOffset 屬性對輪廓進行偏移，並在邊框邊緣進行繪製。

輪廓與邊框有兩方面的不同：

輪廓不佔用空間
輪廓可能是非矩形

瀏覽器支持

除了Internet Explorer，其他所有的主流瀏覽器都支持outlineOffset 屬性。

語法

返回outlineOffset 屬性：

object .style.outlineOffset

設置outlineOffset 屬性：

object .style.outlineOffset="length|initial|inherit"

屬性值

值	描述
length	轮廓与边框边缘的距离。默认值是 0。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。

技術細節

默認值：	0
返回值：	字符串，表示元素的outline-offset 屬性。
CSS 版本	CSS3

相關文章

CSS參考手冊： outline-offset屬性

上一頁： HTML DOM Style order屬性

下一頁： HTML DOM Style overflowX屬性