CSS3 border-bottom-right-radiusプロパティ


例

div要素の右下隅に角丸の枠線を追加します：

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

試してみる »

ブラウザサポート

表内の数字は、そのプロパティをサポートする最初のブラウザバージョンを示します。

-webkit-、-ms-、または -moz- の直前にある数字は、その接頭辞付きプロパティをサポートする最初のブラウザバージョンを示します。

プロパティ
border-radius 9.0 5.0
4.0 -webkit-		 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5

プロパティの定義と使用説明

border-right-radiusプロパティは右下隅の枠線の形状を定義します。

ヒント：このプロパティを使用すると、要素に角丸の枠線を追加できます！

デフォルト値： 0
継承： no
バージョン： CSS3
JavaScript 構文： object object.style.borderBottomRightRadius="5px"

構文

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

注意：border-right-radiusプロパティの2つの長さまたはパーセント値は、楕円の4分の1の外側の枠線の角の形状を定義します。最初の値は水平半径、2番目の値は垂直半径です。2番目の値が省略された場合は、最初の値からコピーされます。どちらかの長さがゼロの場合、角は角ばった形になり、丸くなりません。水平半径のパーセントは境界ボックスの幅を指し、垂直半径のパーセントは境界ボックスの高さを指します。


值 説明
length 右下隅の形状を定義します。
% %を使用して右下隅の形状を定義します。

関連記事

CSS3 チュートリアル：CSS3 Borders

その他の拡張