border-bottom-left-radiusの対応状況を確認するborder-bottom-left-radiusプロパティの説明border-bottom-left-radiusは、要素の右下の角を丸くする、つまり「角丸」にしたい場合に使用します。要素の四つの角はそれぞれ独立した値を持っていますが、このプロパティは右下の角のみ定義することができます。CSSの角丸デザインは、ボタンや入力エリア、フキダシ状の見出しを作ったり図形を描画するなど、多岐にわたって活用できます。border-bottom-left-radiusはCSS3で追加されたプロパティです。このプロパティが指定されると、たとえボックスにボーダーが指定されていなくても、背景が描画される面も丸まって表示されます。角丸の形状は、二つの辺の接続点に当たる角の頂点から、水平方向と垂直方向に伸ばした半径の組み合わせで決定されます。そのため、一つの要素は四つの角を持つわけですから、八つの値を使って角丸のカーブを表現することになります。右上の頂点から水平方向に50px右上の頂点から垂直方向に50pxこの半径を持つ円の四分の一が角丸のカーブとなる。水平方向と垂直方向の値は、まとめて同じ値を指定することもできますし、個別に違う値を設定することもできます。詳しい記述方法は使用サンプルを参照してください。border-radiusは、上下左右の四つの角丸をまとめて指定する短縮形プロパティです。左上のみを指定する場合はborder-top-left-radiusを、右上のみを指定する場合はborder-top-right-radiusを、右下のみを指定する場合はborder-bottom-right-radiusを、左下のみを指定する場合はborder-bottom-left-radiusを、それぞれ用います。数字と単位で指定するpxやemといった単位と数字を組み合わせて指定する方法です。「10px」や「2em」のように記述します。パーセントで指定する「5%」「10%」のように記述します。同じカーブを表示します。左上の角丸の半径が10px※変化が分かりやすいように背景色とボーダーを付与していますborder-bottom-left-radiusに二つの値を指定した場合は、一番目の値が水平方向、二番目の値が垂直方向のカーブに適用されます。左上の水平方向の半径が20px左上の垂直方向の半径が40px四つの角にそれぞれ別の値を指定した場合のサンプルです。weblan3.com。