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