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"과 동일하지만 표에 적용되지 않습니다. 표의 경우 border 충돌을 해결하기 위해 "hidden"이 사용됩니다.
dotted dot line을 정의합니다. 대부분의 브라우저에서 solid line으로 표시됩니다.
dashed dashed line을 정의합니다. 대부분의 브라우저에서 solid line으로 표시됩니다.
solid solid line을 정의합니다.
double double line을 정의합니다. line의 너비는 border-width 값과 동일합니다.
groove 3D grooved 경계선을 정의합니다. 효과는 border-color 값에 따릅니다.
ridge 3D ribbed 경계선을 정의합니다. 효과는 border-color 값에 따릅니다.
inset 3D inset 경계선을 정의합니다. 효과는 border-color 값에 따릅니다.
outset 3D outset 경계선을 정의합니다. 효과는 border-color 값에 따릅니다.
inherit 부모 요소에서 경계선 스타일을 상속해야 합니다.

기술 세부 사항

기본 값: not specified
상속성: no
버전: CSS1
JavaScript 문법: object.style.borderTopStyle="dotted"

더 많은 예제

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

브라우저 지원

표中的 숫자는 이 속성을 최초로 지원하는 브라우저 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2