border-bottom-right-radius

　border-bottom-right-radiusプロパティは、タグエレメントの右下の角を丸くするプロパティです。

　border-bottom-right-radiusプロパティを機能させるには、borderプロパティなどでstyleを設定する必要があります。

右下の角を丸く

border-style: solid;
border-bottom-right-radius: 30px;

　値は以下のように、２つ定義することもできます。１番目は左右方向、２番目は上下方向の値になります。

右下の角を丸く（Exampleを参照）

border-bottom-right-radius: 50px 10px;

　border は、margin と padding の間に表示される囲み線、罫線です。

　４つの角を一括で丸くするには、border-radius を使用します。

構文(Syntax)

border-bottom-right-radius:　length | % | initial | inherit;

値の取得

String = object.style.borderTopLeftRadius

値の設定

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

　border-bottom-right-radiusの例です。エレメントのborderに丸みを付けることで、エレメントの角に丸みを持たせることができます。
　ここでは２つの値を指定し、左右、上下で丸みを調整しています。

　border-bottom-right-radiusプロパティを機能させるには、borderプロパティなどでstyleを設定する必要があります。