CSS border-bottom-right-radius 屬性

定義和用法

border-bottom-right-radius 屬性定義右下角邊框的形狀。

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

另請參閱：

CSS3 教程：CSS3 邊框

實例

向 div 元素的右下角添加圓角邊框：

div
{
border:2px solid;
border-bottom-right-radius:2em;
}

親自試一試

CSS 語法

border-bottom-right-radius: length|% [length|%];

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

屬性值

值 描述 測試
length 定義右下角的形狀。 測試
% 以百分比值定義右下角的形狀。 測試

技術細節

默認值： 0
繼承性： no
版本： CSS3
JavaScript 語法： object.style.borderBottomRightRadius="5px"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5