Style borderTopLeftRadius 屬性

定義和用法

borderTopLeftRadius 屬性設置或返回左上角邊框的形狀。

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

另請參閱：

CSS 參考手冊：border-top-left-radius 屬性

實例

在 div 元素的左上角添加圓角邊框：

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

親自試一試

語法

返回 borderTopLeftRadius 屬性：

object.style.borderTopLeftRadius

設置 borderTopLeftRadius 屬性：

object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"

注釋：border-top-left-radius 屬性的長度值和百分比值定義四分之一橢圓（定義外部邊框邊緣的邊角形狀）的半徑。第一個值是水平半徑，第二個值是垂直半徑。如果省略第二個值，則復制第一個值。如果長度為零，則邊角為方形，而不是圓形。水平半徑的百分比值參考邊框盒的寬度，而垂直半徑的百分比值參考邊框盒的高度。

屬性值

值 描述
length 定義左上角的形狀。
% 以百分比值定義左下角的形狀。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： 0
返回值： 字符串，表示元素的 border-top-left-radius 屬性。
CSS 版本： CSS3

瀏覽器支持

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