CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체

CSS border-collapse 속성 CSS border-bottom-style 속성

CSS border-bottom-width 속성 사용 방법 및 예제

border-bottom-width CSS 속성은 단독으로 요소의 밑 경계선 너비를 설정하는 데 사용됩니다. 하지만 실제 작업에서는 자주 　 border-width또는border-bottom밑 경계선의 너비 스타일을 정의합니다.

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다.

기본 값:	medium
적용:	모든 요소
thừa kế:	아니요
애니메이션 가능:	는.참조: 애니메이션 속성。
버전:	CSS 1，2，3
JavaScript 문법:	object object.style.borderBottomWidth="thick"

border-bottom-width 사용 문법

이 속성의 문법은 다음과 같습니다:

border-bottom-width: thin | medium | thick | length | initial | inherit

아래 예제는 border를 사용하는 방법을 보여줍니다.-bottom-width 속성.

예제

　　p {
　　　border-style: solid;
　　　border-bottom-width:　15px;
　　}

테스트를 보세요‹/›

주의:border를 사용하면-bottom-width 속성 이전 선언border-style속성. 또한 요소는 경계선을 가지고 있어야 하며, 경계선 너비는 0이 아니어야 border의 너비를 설정할 수 있습니다. 왜냐하면border-style속성의 기본 값은 none입니다.

속성 값

아래 표는 이 속성의 값을 설명합니다.

값	설명
thin	细细한 경계선.
medium	중간 경계선.
thick	끊어지는 경계선.
length	px, pt, cm, em 등의 단위로의 길이 값. 하지만 부정 값을 허용하지 않습니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 관련 요소는 부모 요소의 border를 사용합니다.-bottom-width 속성의 계산 값.

브라우저 호환성

border-bottom-width 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

추가 읽기

튜토리얼 참조:CSS Border，CSS3 Border。

관련 속성:border，border-width，border-bottom，border-bottom-color，
border-bottom-style。

CSS border-collapse 속성 CSS border-bottom-style 속성