CSS 경계 아래 스타일 속성

정의와 사용법

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

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

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

추가로 참조:

CSS 강의:CSS 테두리

CSS 참조 매뉴얼:border-bottom 속성

HTML DOM 참조 매뉴얼:borderBottomStyle 속성

예제

하단 경계선 스타일 설정:

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

직접 시도해 보세요

CSS 문법

border-bottom-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 골절 경계선을 정의합니다. 효과는 border-color의 값에 따릅니다.
ridge 3D 히든 경계선을 정의합니다. 효과는 border-color의 값에 따릅니다.
inset 3D inset 경계선을 정의합니다. 효과는 border-color의 값에 따릅니다.
outset 3D outset 경계선을 정의합니다. 효과는 border-color의 값에 따릅니다.
inherit 부모 요소에서 경계선 스타일을 상속해야 합니다.

기술 세부 사항

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

더 많은 예제

하단 경계선 스타일 설정
하단 경계선 스타일을 설정하는 방법을 보여줍니다.

브라우저 지원

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

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