border-radius

보더의 모서리를 둥글게 만들기 위해 반지름을 지정합니다. border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius를 한번에 지정하기 위한 단축 프로퍼티 입니다.
값을 슬래시(/)로 구분해서 지정하면 앞의 값은 수평방향 반지름, 뒤의 값은 수직방향 반지름입니다.
4개의 값이 주어지면 왼쪽-위부터 시계 방향으로 지정됩니다.
CSS Level
CSS 3
상속
아니오
기본값
0

사용법

border-radius: 5px;
object.style.borderRadius = "5px";

속성

<length>
반지름을 길이 단위로 지정합니다.
<%>
반지름을 비율로 지정합니다.


알립니다!

사이드바의 프로퍼티 목록 중 뒤에 별표(*)가 붙은 것은 CSS 3의 내용이 반영되지 않은 것입니다.

읽으신 글에 수정할 내용, 추가할 내용 등이 있다면 부담없이 댓글을 남겨 주세요.