border-bottom-left-radius 속성

border-bottom-left-radius 속성은 테두리와 배경의 아래쪽 왼쪽 모서리를 둥글게 만듭니다. 속성 값으로는 어떤 크기 단위도 사용할 수 있습니다. 기본값: 0.

구문

css선택자 {
  border-bottom-left-radius: 값;
}

예시

아래쪽 왼쪽 모서리에 10px 만큼의 둥글림을 설정합니다:

html<div id="elem"></div>

css#elem {
  border-bottom-left-radius: 10px;
  border: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

함께 보기