# CSS3 border-top-right-radius 屬性 ## 實例 向 div 元素的右上角添加圓角邊框： ``` div { border:2px solid; border-top-right-radius:2em; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-top-right-radius 屬性。 ## 定義和用法 border-top-right-radius 屬性定義右下角邊框的形狀。 提示：該屬性允許您向元素添加圓角邊框。 | 默認值： | 0 | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS3 | | --- | --- | | JavaScript 語法： | _object_.style.borderTopRightRadius="5px" | | --- | --- | ## 語法 ``` border-top-right-radius: _length_|_%_ [_length_|_%_]; ``` 注釋：border-top-right-radius 屬性的長度值和百分比值定義四分之一橢圓（定義外部邊框邊緣的邊角形狀）的半徑（radii）。第一個值是水平半徑，第二個值是垂直半徑。如果省略第二個值，則復制第一個值。如果長度為零，則邊角為方形，而不是圓形。水平半徑的百分比值參考邊框盒的寬度，而垂直半徑的百分比值參考邊框盒的高度。 | 值 | 描述 | 測試 | | --- | --- | --- | | _length_ | 定義右上角的形狀。 | [測試](/tiy/c.asp?f=css_border-top-right-radius) | | _%_ | 以百分比值定義右上角的形狀。 | [測試](/tiy/c.asp?f=css_border-top-right-radius&p=6) | ## 相關頁面 CSS3 教程：[CSS3 邊框](/css3/css3_border.asp "CSS3 邊框")