Style borderRightStyle 속성

정의와 사용법

borderRightStyle 속성 설정 또는 요소右边框 스타일 반환.

자세히 보기:

CSS 강의:CSS 테두리

CSS 참조서:border-right-style 속성

HTML DOM 참조서:border 속성

예제

예제 1

HTML <div> 요소에 '실체'右边框 추가:

document.getElementById("myDiv").style.borderRightStyle = "solid";

var listValue = selectTag.options[selectTag.selectedIndex].text;

例子 2

document.getElementById("myDiv").style.borderRightStyle = "solid";

예제 2

var listValue = selectTag.options[selectTag.selectedIndex].text;

<div> 요소의 오른쪽 경계 스타일을 "dotted"으로 변경합니다：

document.getElementById("myDiv").style.borderRightStyle = "dotted";

예제 3

var listValue = selectTag.options[selectTag.selectedIndex].text;

<div> 요소의 오른쪽 경계 스타일을 반환합니다：

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

예제 4
모든 다른 값에 대한 보여주기：

var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.borderRightStyle = listValue;

직접 시험해 보세요

.style.borderRightStyle문법

borderRightStyle 속성을 반환하십시오：

.style.borderRightStyleborderRightStyle 속성을 설정하십시오： object
.style.borderRightStyle = value
값 설명
none 경계선을 정의합니다. 기본 값。
hidden "none"과 같지만, 테이블 요소의 경계선 충돌을 해결할 때는 제외됩니다。
dashed 점선 경계선을 정의합니다。
solid 실체 경계선을 정의합니다。
double 두 경계선을 정의합니다. 두 경계선의 너비는 border-width의 값과 같습니다。
groove 3D groove 경계선을 정의합니다. 효과는 border-color 의 값
ridge 3D ridged 경계선을 정의합니다. 효과는 border-color 의 값
inset 3D inset 경계선을 정의합니다. 효과는 border-color 의 값
outset 3D outset 경계선을 정의합니다. 효과는 border-color 의 값
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속받습니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 없음
반환 값： 문자열로, 요소의 오른쪽 경계 스타일을 나타냅니다。
CSS 버전： CSS1

브라우저 지원

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