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
thừa kế: no
버전: CSS1
JavaScript 문법: object.style.borderBottomStyle="dotted"

更多实例

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

브라우저 지원

표中的数字은 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 기재했습니다.

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