최신 웹 개발 튜토리얼
 

Style borderRadius Property

<스타일 개체

div 요소에 둥근 테두리를 추가 :

document.getElementById("myDIV").style.borderRadius = "25px";
»그것을 자신을 시도

정의 및 사용

borderRadius 속성을 설정하거나, 네 개의 국경 * 반경 속성을 반환에 대한 약식 속성이다.

Tip: 이 속성은 요소에 둥근 모서리를 추가 할 수 있습니다!


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

borderRadius 속성은 IE9 +, 파이어 폭스, 크롬, 사파리, 오페라에서 지원됩니다.


통사론

borderRadius 속성을 반환합니다 :

object .style.borderRadius

borderRadius 속성을 설정 :

object .style.borderRadius=" Note: 각 반경의 네 개의 값은 순서 왼쪽 위, 오른쪽 위, 오른쪽 아래, 왼쪽 아래에 제시되어있다. 왼쪽 하단이 생략 된 경우는 우측 상단과 동일하다. 오른쪽 아래가 생략 된 경우는 좌측 상단과 동일하다. 오른쪽 상단이 생략 된 경우는 좌측 상단과 동일하다.

속성 값

기술
length 모서리의 모양을 정의합니다. 기본값은 0입니다
% %의 모서리의 형상을 정의
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 0
반환 값 : 요소의 테두리 반경 속성을 나타내는 문자열
CSS 버전 CSS3

관련 페이지

CSS 참조 : border-radius property


<스타일 개체