備忘録的プログラミングリファレンス

border-bottom-left-radius

 border-bottom-left-radiusプロパティは、エレメントの囲み線の左下の角を丸くするプロパティです。

border-bottom-left-radius: 30px;

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

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

構文(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