Latest web development tutorials

HTML DOM Style borderRadius 屬性

Style 對象參考手冊 Style對象

實例

向div 元素添加圓角邊框:

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

嘗試一下»

定義和用法

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

提示:該屬性允許您向元素添加圓角邊框!


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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屬性


Style 對象參考手冊 Style對象