Style borderRadius 屬性

定義和用法

borderRadius 屬性是用于設置或返回四個 borderRadius 屬性的簡寫屬性。

四個 borderRadius 屬性是（按此順序）：

提示：此屬性允許您為元素添加圓角！

另請參閱：

CSS 參考手冊：border-radius 屬性

實例

為 div 元素添加圓角邊框：

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

親自試一試

語法

返回 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

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 9.0 支持 支持 支持