Latest web development tutorials

HTML DOM 스타일 borderRadius 속성

스타일 객체 참조 스타일 개체

div 요소에 둥근 모서리를 추가합니다 :

document.getElementById("myDIV").style.borderRadius="25px";

»시도

정의 및 사용

borderRadius 속성은 약식 속성 세트 또는 네 개의 국경 반경 속성을 반환합니다.

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


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE9 +, 파이어 폭스, 크롬, 사파리와 오페라 지원 borderRadius 속성입니다.


문법

위로 borderRadius 속성 :

object .style.borderRadius

borderRadius 속성 설정 :

object .style.borderRadius="1-4 length|%/1-4 length|%|initial|inherit"

참고 : 주어진 순서대로 왼쪽 상단, 오른쪽 상단의 반경, 오른쪽, 왼쪽,에 따라 개의 값. 왼쪽의 값이 생략 될 경우, 그 값은 오른쪽에있는 값과 일치한다. 오른쪽 아래의 값이 생략 될 경우, 그 값은 좌측 상단의 값과 일치한다. 오른쪽 상단의 값이 생략 될 경우, 그 값은 좌측 상단의 값과 일치한다.

속성 값

描述
length 定义角的形状。默认值是 0。
% 以 % 形式定义角的形状。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

기술 세부 사항

기본값 : 0
반환 값 : 국경 반경 속성 요소를 나타내는 문자열입니다.
CSS 버전 CSS3


관련 기사

CSS 참조 : 국경 RADIUS 속성


스타일 객체 참조 스타일 개체