CSS border-top-style 속성

정의와 사용법

border-top-style은 요소의 상단 경계선 스타일을 설정합니다.

이 값이 none이 아니라면 경계선이 나타날 수 있습니다.

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

추가 참조:

CSS 강의:CSS 경계선

CSS 참조 가이드:border-top 속성

HTML DOM 참조 가이드:borderTopStyle 속성

예제

상단 경계선 스타일 설정:

p
  {
  border-style:solid;
  border-top-style:dotted;
  }

직접 시도해 보세요

CSS 문법

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

속성 값

값 설명
none 경계선을 정의합니다.
hidden "none"와 동일합니다. 하지만 표에 적용되지 않습니다. 표의 경우, hidden이 경계선 충돌을 해결합니다.
dotted 점선 경계선을 정의합니다. 대부분의 브라우저에서 실선으로 표시됩니다.
dashed 점선을 정의합니다. 대부분의 브라우저에서 실선으로 표시됩니다.
solid 실선을 정의합니다.
double 이중선을 정의합니다. 이중선의 너비는 border-width의 값과 같습니다.
groove 3D groove 경계선을 정의합니다. 효과는 border-color의 값에 따릅니다.
ridge 3D ridge 경계선을 정의합니다. 효과는 border-color의 값에 따릅니다.
inset 3D inset 경계선을 정의합니다. 효과는 border-color의 값에 따릅니다.
outset 3D outset 경계선을 정의합니다. 효과는 border-color의 값에 따릅니다.
inherit 부모 요소에서 경계선 스타일을 继承해야 합니다.

기술 세부 사항

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

더 많은 예제

상단 경계선 스타일 설정
이 예제에서는 상단 경계선 스타일을 설정하는 방법을 보여줍니다.

브라우저 지원

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

Chrome IE / Edge Firefox Safari 오페라
1.0 5.5 1.0 1.0 9.2