Style borderTopRightRadius属性

定義と使用方法

borderTopRightRadius この属性は、右上の境界線の角の形状を定義します。

ヒント：この属性は、要素に角の丸みを追加することができます！

も参照してください：

CSSリファレンスマニュアル：border-top-right-radius属性

例

div要素の右上に角の丸みを追加します：

document.getElementById("myDIV").style.borderTopRightRadius = "25px";

自分で試してみてください

文法

borderTopRightRadius属性の戻り値：

object.style.borderTopRightRadius

borderTopRightRadius属性の設定：

object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"

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

属性値

値 説明
length 右上の角の形状を定義します。
% 百分比值で右上の角の形状を定義します。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性は、親要素からこの属性を継承します。参照してください inherit。

技術的な詳細

デフォルト値： 0
戻り値： 文字列、要素の border-top-right-radius属性。
CSSバージョン： CSS3

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 9.0 サポート サポート サポート