border-top-right-radius 속성
border-top-right-radius 속성은
테두리와 배경의 오른쪽 상단 모서리에
둥근 모서리를 생성합니다. 속성 값은 크기에 대한 단위를 사용합니다. 기본값: 0.
구문
선택자 {
border-top-right-radius: 값;
}
예제
오른쪽 상단 모서리에 10px 둥근 모서리를 설정합니다:
<div id="elem"></div>
#elem {
border-top-right-radius: 10px;
border: 1px solid black;
width: 300px;
height: 100px;
}
:
함께 보기
-
왼쪽 상단 모서리의 둥글기를 지정하는 속성
border-top-left-radius,
-
왼쪽 하단 모서리의 둥글기를 지정하는 속성
border-bottom-left-radius,
-
오른쪽 하단 모서리의 둥글기를 지정하는 속성
border-bottom-right-radius,
-
모든 모서리의 둥글기를 동시에 지정하는 속성
border-radius,
-
테두리에 대한 단축 속성인
border,
