Style borderRadius 属性

定義と使用方法

borderRadius 属性は、4つの borderRadius 属性を設定または返すショートカット属性です。

四个 borderRadius 属性是（按此顺序）：

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

も参照してください：

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

例

div 要素に丸みを加えたボーダーフレームを追加する：

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

実際に試してみてください

文法

borderRadius 属性を返す：

object.style.borderRadius

borderRadius 属性を設定する：

object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"

注釈：各半径の4つの値は左上、右上、右下、左下の順序で提供されます。左下角を省略すると右上角と同じになります。右下角を省略すると左上角と同じになります。右上角を省略すると左上角と同じになります。

属性値

値 説明
length 角の形状を定義します。デフォルト値は 0 です。
% パーセントで円角の形状を定義します。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性を親要素から継承します。参照してください inherit。

技術的詳細

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

ブラウザのサポート

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