Style borderTopLeftRadius属性

定義と使用方法

borderTopLeftRadius 属性は左上角の境界の形状を設定または返します。

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

も参照してください：

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

例

div要素の左上角に角の丸みを追加：

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

自分で試してみる

構文

borderTopLeftRadius属性を返す：

object.style.borderTopLeftRadius

borderTopLeftRadius属性を設定：

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

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

属性値

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

技術的詳細

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

ブラウザサポート

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