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

例

添加圓角邊框的div元素：

document.getElementById("myDIV").style.borderRadius = "25px";

定義和用法

該borderRadius屬性設置，或返回，四個邊框*半徑屬性的速記屬性。

Tip:這個屬性可以讓你圓角添加元素！

瀏覽器支持

該borderRadius屬性在IE9 +，火狐，Chrome，Safari和Opera的支持。

句法

返回borderRadius屬性：

object .style.borderRadius

設置borderRadius屬性：

object .style.borderRadius=" Note:每個半徑的四個值的順序左上，右上，右下，左下中給出。 如果省略左下角是一樣的右上角。如果省略右下角是一樣的左上角。如果省略右上方是一樣的左上角。

屬性值

值	描述
length	定義角部的形狀。默認值為0。
%	定義以％表示的角部的形狀
initial	將此屬性設置為默認值。閱讀關於初始
inherit	繼承其父元素此屬性。閱讀關於繼承

技術細節

默認值：	0
返回值：	一個字符串，代表元素的邊界半徑財產
CSS版本	CSS3

相關頁面

CSS參考： border-radius property