Style borderTopRightRadius 속성

정의와 사용법

borderTopRightRadius 속성은 오른쪽 상단 모서리 경계선의 모양을 정의합니다。

ヒント：이 속성은 요소에 둥근 경계선을 추가할 수 있습니다!

추가로 참조하십시오：

CSS 참조 매뉴얼：border-top-right-radius 속성

예제

div 요소의 오른쪽 상단 모서리에 둥근 경계선을 추가합니다：

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

자신이 직접 시도해 보세요

문법

borderTopRightRadius 속성 반환：

object.style.borderTopRightRadius

borderTopRightRadius 속성 설정：

object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"

주의事项：border-top-right-radius 속성의 길이 값과 백분율 값은 사분면 원형의 반지름을 정의합니다（외부 경계선 모서리의 모양을 정의합니다）。첫 번째 값은 수평 반지름이며 두 번째 값은 수직 반지름입니다. 두 번째 값이 누락되면 첫 번째 값이 복사됩니다. 길이가 0이면 모서리는 정方形이 아니라 원형입니다. 수평 반지름의 백분율은 경계 상자의 너비를 참조하며, 수직 반지름의 백분율은 경계 상자의 높이를 참조합니다。

속성 값

값 설명
length 오른쪽 상단 모서리의 형태를 정의합니다。
% 백분율로 정의된 오른쪽 상단 모서리의 형태를 정의합니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

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

브라우저가 지원

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