閱讀(4.1k) 書簽贊(0) 我要糾錯(cuò)

HTML DOM Style borderRadius 屬性

2018-08-04 20:41 更新

Style borderRadius 屬性

向 div 元素添加圓角邊框：

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

borderRadius 屬性是設(shè)置或返回四個(gè)邊框半徑屬性的速記屬性。

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

IE9+、Firefox、Chrome、Safari 和 Opera 支持 borderRadius 屬性。

返回 borderRadius 屬性：

object.style.borderRadius

設(shè)置 borderRadius 屬性：

object.style.borderRadius="1-4 length|% / 1-4 length|%|initial|inherit"

注意：用于半徑的四個(gè)值的是按照左上、右上、右下、左下的順序給出的。如果左下的值被省略了，則它的值與右上的值一致。如果右下的值被省略了，則它的值與左上的值一致。如果右上的值被省略了，則它的值與左上的值一致。

值	描述
length	定義角的形狀。默認(rèn)值是 0。
%	以 % 形式定義角的形狀。
initial	設(shè)置該屬性為它的默認(rèn)值。請(qǐng)參閱 initial。
inherit	從父元素繼承該屬性。請(qǐng)參閱 inherit。