CSS3 국경 반경 속성
브라우저 지원
표의 수치 속성의 버전 번호를 먼저 지원 브라우저를 나타낸다.
즉시 디지털 -webkit- 이어 -ms- 또는 접두어 지원 전 -moz- 우선 브라우저 버전 번호 때문이다.
| 재산 | |||||
|---|---|---|---|---|---|
| 테두리 이미지 | 4.0 -webkit- | 9.0 | 4.0 -moz- | 5.0 -webkit- | 10.5 -O- |
정의 및 지침을 속성
* - - 복합 속성의 반경 속성을 경계 반경 속성은 네 테두리를 지정할 수 있습니다
참고 :이 속성은 요소에게 둥근 테두리를 추가 할 수 있습니다!
| 기본값 : | 0 |
|---|---|
| 상속 : | 아니 |
| 버전 : | CSS3 |
| 자바 스크립트 구문 : | object.style.borderRadius = "5px"을 객체 |
문법
border-radius:1-4 length|%/1-4 length|%;
참고 : 각 반경의 네 값의순서는 다음과 같습니다 : 왼쪽 위, 오른쪽 위, 오른쪽 아래, 왼쪽 아래. 당신이 왼쪽 하단 모서리를 생략하면, 오른쪽 상단은 동일합니다. 당신이 오른쪽 아래 모서리를 생략하면, 왼쪽 상단은 동일합니다. 당신은 오른쪽 상단 모서리를 생략하면, 왼쪽 상단은 동일합니다.
| 值 | 描述 |
|---|---|
| length | 定义弯道的形状。 |
| % | 使用%定义角落的形状。 |
예 1
국경 반경 : 2EM;
동일합니다 :
국경 왼쪽 상단 반경 : 2EM;
국경 - 오른쪽 상단 반경 : 2EM;
국경 오른쪽 하단 반경 : 2EM;
국경 - 하단 왼쪽 반경 : 2EM;
동일합니다 :
국경 왼쪽 상단 반경 : 2EM;
국경 - 오른쪽 상단 반경 : 2EM;
국경 오른쪽 하단 반경 : 2EM;
국경 - 하단 왼쪽 반경 : 2EM;
예 2
국경 반경 : 2EM 1em 4em / 0.5em 3em;
동일합니다 :
국경 왼쪽 상단 반경 : 2EM 0.5em;
국경 - 오른쪽 상단 반경 : 1em 3em;
국경 오른쪽 하단 반경 : 4em 0.5em;
국경 - 하단 왼쪽 반경 : 1em 3em;
동일합니다 :
국경 왼쪽 상단 반경 : 2EM 0.5em;
국경 - 오른쪽 상단 반경 : 1em 3em;
국경 오른쪽 하단 반경 : 4em 0.5em;
국경 - 하단 왼쪽 반경 : 1em 3em;
관련 기사
CSS3 튜토리얼 : CSS3 테두리
