プロパティ border-bottom-left-radius
プロパティ border-bottom-left-radius
は、境界線と背景の左下角の丸めを作成します。
プロパティの値には、任意のサイズの単位を指定できます。
デフォルト値は 0 です。
構文
セレクタ {
border-bottom-left-radius: 値;
}
例
左下角に 10px の丸みを設定します:
<div id="elem"></div>
#elem {
border-bottom-left-radius: 10px;
border: 1px solid black;
width: 300px;
height: 100px;
}
:
関連項目
-
左上角の丸めを指定するプロパティ
border-top-left-radius,
-
右上角の丸めを指定するプロパティ
border-top-right-radius,
-
右下角の丸めを指定するプロパティ
border-bottom-right-radius,
-
すべての角の丸めを同時に指定するプロパティ
border-radius,
-
境界線の一括指定プロパティ
border,
