CSS border-top-right-radius 属性

定义和用法

border-top-right-radius 属性定义右下角边框的形状。

提示：该属性允许您向元素添加圆角边框。

另请参阅：

CSS3 教程：CSS3 边框

实例

向 div 元素的右上角添加圆角边框：

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

亲自试一试

CSS 语法

border-top-right-radius: length|% [length|%

注記：border-top-right-radius 属性の長さ値と百分比值は、四分の円弧（外部エッジの角の形状を定義する）の半径（radii）を定義します。最初の値は水平半径、第二の値は垂直半径です。第二の値を省略すると、最初の値がコピーされます。長さが 0 であれば、角は四角形ではなく円形になります。水平半径の百分比值はフレームボックスの幅を参照し、垂直半径の百分比值はフレームボックスの高さを参照します。

属性値

値 説明 テスト
length 右上角の形状を定義します。 テスト
% 百分比值で右上角の形状を定義します。 テスト

技術的詳細

デフォルト値： 0
継承性： no
バージョン： CSS3
JavaScript 言語： object.style.borderTopRightRadius="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