Style borderRight 속성

정의와 사용법

borderRight 속성은 간략한 형식으로 설정하거나 반환하여 최대 세 가지 독립적인 오른쪽 경계선 속성을 설정할 수 있습니다.

이 속성을 통해 다음 중 하나 또는 여러 가지를 설정하거나 반환할 수 있습니다 (어떤 순서로든):

다른 것도 참조하세요:

CSS 강의:CSS 테두리

CSS 참조 문서:border-right 속성

HTML DOM 참조 문서:border 속성

인스턴스

예제 1

<div> 요소에 오른쪽 경계선을 추가합니다:

document.getElementById("myDiv").style.borderRight = "thick solid #0000FF";

직접 시도해 보세요

예제 2

<div> 요소의 오른쪽 경계선의 너비, 스타일 및 색상을 변경합니다:

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

직접 시도해 보세요

예제 3

<div> 요소의 border-right 속성 값을 반환합니다:

alert(document.getElementById("myDiv").style.borderLeft);

직접 시도해 보세요

문법

borderRight 속성을 반환합니다:

object.style.borderRight

borderRight 속성을 설정합니다:

object.style.borderRight = "width style color|initial|inherit"

속성 값

값 설명
width 오른쪽 경계선의 너비를 설정합니다.
style 오른쪽 경계선의 스타일을 설정합니다.
color 오른쪽 경계선의 색상을 설정합니다.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 이 속성을 부모 요소에서 상속합니다. 참조: inherit.

기술 세부 사항

기본 값: 지정되지 않음
반환 값: 문자열로, 요소의 오른쪽 경계선의 너비, 스타일 및 / 또는 색상을 나타냅니다.
CSS 버전: CSS1

브라우저 지원

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 지원 지원 지원 지원