예
a의 오른쪽 아래 모서리에 둥근 테두리를 추가 <div> 요소 :
div
{
border: 2px solid;
border-bottom-right-radius: 2em;
}
»그것을 자신을 시도 정의 및 사용
경계 - 오른쪽 아래 반경 속성은 오른쪽 하단의 테두리의 모양을 정의합니다.
Tip: 이 속성은 요소에 둥근 테두리를 추가 할 수 있습니다!
기본값: | 0 |
---|---|
상속 : | no |
애니메이션 : | yes. Read about animatable Try it |
번역: | CSS3 |
자바 스크립트 구문 : | object .style.borderBottomRightRadius="25px" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
숫자는 -webkit- 다음 또는 접두어와 함께 일 첫 번째 버전을 지정 -moz-.
재산 | |||||
---|---|---|---|---|---|
border-bottom-right-radius | 5.0 4.0 -webkit- | 9.0 | 4.0 3.0 -moz- | 5.0 3.1 -webkit- | 10.5 |
CSS 구문
border-bottom-right-radius:length|%[length|%]|initial|inherit;
Note: 국경 - 오른쪽 하단 반경 속성의 두 가지 길이 또는 비율 값은 외부 테두리 모서리의 모서리의 모양을 정의하는 분기 타원의 반지름을 정의합니다. 첫 번째 값은 수평 반경 번째 수직 반경이다. 두 번째 값이 생략 된 경우는 처음부터 복사됩니다. 어느 길이가 0 인 경우, 모서리가 정사각형, 둥근 없다. 수직 반경 비율은 경계 상자의 높이를 참조하는 반면 수평 반경 비율은 경계 상자의 너비를 참조하십시오.
속성 값
값 | 기술 | 플레이 |
---|---|---|
length | 오른쪽 하단의 모양을 정의합니다. 기본값은 0입니다 | »플레이 |
% | %에서 오른쪽 하단 모서리의 모양을 정의합니다 | »플레이 |
initial | 기본값으로이 속성을 설정합니다. 초기에 대해 알아보기 | »플레이 |
inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
관련 페이지
CSS3 튜토리얼 : CSS3 테두리
HTML DOM 참조 : borderBottomRightRadius property