Properties

Properties

Draft
  • account_tree
  • bug_report

border-bottom-left-radius

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

설정 가능한 속성 값

  • length숫자단위허용CSS3

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

    • 사용 가능한 단위: px, %

구문

  • border-bottom-left-radius 0;기본값CSS3

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

  • border-bottom-left-radius 30px;사용 예CSS3

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

    상단 왼쪽 모서리를 둥글게 처리
  • border-bottom-left-radius 50px 100px;사용 예CSS3

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

    아래 왼쪽 모서리를 x, y 방향별로 둥글게 처리
  • object.style.borderBottomLeftRadius = "30px";자바스크립트 형식CSS3

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

지원 웹브라우저