CSS border-right-style 속성

강의 추천:

정의와 사용법

border-right-style이 요소의右边框 스타일을 설정합니다.

이 값이 none이 아니라면边框이 나타날 수 있습니다.

CSS1에서, HTML 사용자代理는 solid과 none만 지원해야 합니다.

다른 것을 참조하세요:CSS 경계선

CSS 강의:CSS 참조 매뉴얼:

border-right 속성HTML DOM 참조 매뉴얼:

borderRightStyle 속성

예제

右边框 스타일 설정:
  p
  {
  border-style:solid;
  border-right-style:dotted;

}

직접 테스트해 보세요

CSS 문법

border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

속성 값 값
설명 none
border를 정의합니다. hidden
"none"과 동일하지만 표에 적용되지 않습니다. 표의 경우, hidden이边框 충돌을 해결하는 데 사용됩니다. dotted
dot선을 정의합니다. 대부분의 브라우저에서 solid선으로 표시됩니다. dashed
dashed선을 정의합니다. 대부분의 브라우저에서 solid선으로 표시됩니다. solid선을 정의합니다.
double double선을 정의합니다. 선의 너비는 border-width의 값과 동일합니다.
groove 3D grooved边框를 정의합니다. 효과는 border-color의 값에 따릅니다.
ridge 3D ridged边框를 정의합니다. 효과는 border-color의 값에 따릅니다.
inset 3D inset边框를 정의합니다. 효과는 border-color의 값에 따릅니다.
outset 3D outset边框를 정의합니다. 효과는 border-color의 값에 따릅니다.
inherit 부모 요소에서边框 스타일을 继承하도록 정의합니다.

기술 세부 사항

기본 값: not specified
thừa kế: no
버전: CSS1
JavaScript 문법: object.style.borderRightStyle="dotted"

더 많은 예제

右边框 스타일 설정
이 예제에서는右边框 스타일을 설정하는 방법을 보여줍니다.

브라우저 지원

표에서의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 4.0 1.0 1.0 3.5