Properties

Properties

Editing
  • account_tree
  • bug_report

border-top-left-radius

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

사용 가능한 값 타입

〈length-percentage〉

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

구문

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

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

  • border-top-left-radius 0;CSS3

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

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

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

    상단 왼쪽 모서리를 둥글게 처리
  • border-top-left-radius 60px 100px;CSS3

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

    상단 왼쪽 모서리를 x, y 방향별로 둥글게 처리
  • object.style.borderTopLeftRadius = "30px";CSS3

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

지원 웹브라우저