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을 정의합니다. 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