border-bottom-right-radius 속성
속성 border-bottom-right-radius는
테두리와 배경의 하단 오른쪽 모서리에
둥글림을 생성합니다. 속성 값으로는
어떤 크기
단위도 사용할 수 있습니다. 기본값: 0.
구문
선택자 {
border-bottom-right-radius: 값;
}
예시
하단 오른쪽 모서리에 10px 둥글림을
설정합니다:
<div id="elem"></div>
#elem {
border-bottom-right-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,
테두리에 대한 단축 속성입니다