CSS ボーダーボトム右上角半径属性

定義と使用方法

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）を定義します。最初の値は水平半径、第二の値は垂直半径です。第二の値を省略すると、最初の値がコピーされます。長さが0の場合、角は四角形ではなく円形になります。水平半径の百分比值はフレームボックスの幅を参照し、垂直半径の百分比值はフレームボックスの高さを参照します。

属性値

値 説明 テスト
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