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속성,
테두리를 설정하는 단축 속성입니다.
