Style borderRadius 屬性
Style 對象實例
向 div 元素添加圓角邊框：
document.getElementById("myDIV").style.borderRadius="25px";
定義和用法
borderRadius 屬性是設置或返回四個邊框半徑屬性的速記屬性。
提示：該屬性允許您向元素添加圓角邊框！
流覽器支持
IE9+、Firefox、Chrome、Safari 和 Opera 支持 borderRadius 屬性。
語法
返回 borderRadius 屬性：
object.style.borderRadius
設置 borderRadius 屬性：
object.style.borderRadius="1-4 length|% / 1-4 length|%|initial|inherit"
注意：用於半徑的四個值的是按照左上、右上、右下、左下的順序給出的。如果左下的值被省略了，則它的值與右上的值一致。如果右下的值被省略了，則它的值與左上的值一致。如果右上的值被省略了，則它的值與左上的值一致。
屬性值
| 值 | 描述 |
|---|---|
| length | 定義角的形狀。默認值是 0。 |
| % | 以 % 形式定義角的形狀。 |
| initial | 設置該屬性為它的默認值。請參閱 initial。 |
| inherit | 從父元素繼承該屬性。請參閱 inherit。 |
技術細節
| 默認值： | 0 |
|---|---|
| 返回值： | 字串，表示元素的 border-radius 屬性。 |
| CSS 版本 | CSS3 |
相關文章
CSS 參考手冊：border-radius 屬性