Properties

Properties

Editing
  • account_tree
  • bug_report

border-top-right-radius

요소의 상단 오른쪽의 모서리에 대한 둥글기 처리를 할 수 있다.

사용 가능한 값 타입

〈length-percentage〉

<length>와 <percentage> 타입을 나타낸다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • lengthCSS3

    숫자와 단위를 이용해서 모서리를 둥글게 처리할 반지름 값을 설정한다. 기본 값은 0이다.

구문

  • 〈length-percentage [0,∞]〉{1,2}

    0부터 원하는 값을 작성할 수 있으며 공백을 기준으로 최소 1개, 최대 2개의 값을 작성할 수 있다. 2개의 값이 작성되었다면 순서에 따라 x, y축 순으로 반지름 값을 다르게 적용할 수 있다.

  • border-top-right-radius 0;CSS3

    요소의 상단 오른쪽의 모서리에 대한 둥글기 처리를 하지 않는다.

  • border-top-right-radius 30px;CSS3

    요소의 상단 오른쪽의 모서리에 반지름 30px의 크기로 둥글게 처리한다.

    상단 오른쪽 모서리를 둥글게 처리
  • border-top-right-radius 30px 100px;CSS3

    2개의 값을 공백으로 구분하여 작성하는 경우에 첫 번째 값은 요소의 상단 오른쪽 모서리의 수평 반지름, 마지막 값은 수직 반지름 값으로 상단 오른쪽의 모서리를 둥글게 처리한다.

    상단 오른쪽 모서리를 x, y 방향의 반지름 값으로 둥글게 처리
  • object.style.borderTopRightRadius = "30px";CSS3

    자바스크립트 형식으로 요소의 상단 오른쪽 모서리를 반지름 30px로 둥글게 처리한다.

지원 웹브라우저