border-bottom-left-radius プロパティ
border-bottom-left-radius プロパティは、エレメントの囲み線の左下の角を丸くするプロパティです。
border-top-left-radiusプロパティが機能するには、border プロパティなどで style を設定する必要があります。
border-style: solid;
border-bottom-left-radius: 30px;
値は以下のように、２つ定義することもできます。１番目は左右方向、２番目は上下方向の値になります。
border-bottom-left-radius: 50px 10px;
ページ内 Index
構文(Syntax)
CSS
border-bottom-left-radius: length | % | initial | inherit;
DOM ( JavaScript )
String = object.style.borderTopLeftRadius
object.style.borderTopLeftRadius = " length | % | initial | inherit"
値（Values）
| Value | 摘要 |
|---|---|
| length | 丸みの定義で、長さの単位を参照のこと。初期値は0 |
| % | 丸みを％で定義 |
| initial | 初期値に戻す |
| inherit | 親要素（親エレメント）のプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | 0 |
| 継承（Inherited） | no |
| 変化（Animatable） | yes |
Example
border-bottom-left-radiusの例です。エレメントのborderに丸みを付けることで、エレメントの角に丸みを持たせることができます。
ここでは２つの値を指定し、左右、上下で丸みを調整しています。
border-bottom-left-radiusプロパティを機能させるには、borderプロパティなどでstyleを設定する必要があります。