Style borderRadius 속성

정의와 사용법

borderRadius 속성은 네 개의 borderRadius 속성을 설정하거나 반환하는 간소화된 속성입니다.

네 개의 borderRadius 속성은 (이 순서로) :

팁：이 속성은 요소에 둥근角을 추가할 수 있습니다!

다른 참조 사항:

CSS 참조 가이드border-radius 속성

예제

div 요소에 둥근 경계선 추가하기：

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

직접 테스트하기

문법

borderRadius 속성 반환：

object.style.borderRadius

borderRadius 속성 설정：

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

주의事项：각 반지름의 네 가지 값을 왼쪽 상단, 오른쪽 상단, 오른쪽 하단, 왼쪽 하단 순으로 제공합니다. 왼쪽 하단을 생략하면 오른쪽 상단과 같습니다. 오른쪽 하단을 생략하면 왼쪽 상단과 같습니다. 오른쪽 상단을 생략하면 왼쪽 상단과 같습니다.

속성 값

값 설명
length 각의 모양을 정의합니다. 기본 값은 0입니다。
% 백분율로 원의 모양을 정의합니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 이 속성을 부모 요소에서 상속받습니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 0
반환 값： 문자열로 요소의 border-radius 속성。
CSS 버전： CSS3

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 9.0 지원 지원 지원