【CSS】border-bottom-right-radius - 右下角の曲線
CSSのborder-bottom-right-radiusプロパティをご紹介します。
border-bottom-right-radius
border-bottom-right-radiusは要素の右下角の曲線を示すプロパティです。
基本構文
border-bottom-right-radius: 水平の軌道長半径 垂直の軌道長半径;
値が1つのみの場合は水平と垂直の軌道長半径に同じ値を適用します。
サンプル
サンプル1
<style>
div {
width: 100px;
height: 100px;
border: 1px solid black;
border-bottom-right-radius: 40px;
}
</style>
<div></div>
サンプル2
<style>
div {
width: 100px;
height: 100px;
border: 1px solid black;
border-bottom-right-radius: 20px 40px;
}
</style>
<div></div>