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>

반지름을 길이 단위로 지정합니다.

<%>

반지름을 비율로 지정합니다.