CSS 밴더 아래 너비 속성
- 이전 페이지 border-bottom-style
- 다음 페이지 border-collapse
과목 추천:
정의와 사용법
border-bottom-width 속성은 요소의 하단 경계선의 너비를 설정합니다.
주석:경계선 스타일이 none가 아니라면만 작동합니다. 경계선 스타일이 none라면 경계선 너비는 실제로 0으로 재설정됩니다. 음수 길이 값을 지정할 수 없습니다.
항상 border-bottom-width 속성을 선언한 후 border-style 속성을 선언해야 합니다. 요소가 경계선을 얻은 후에만 경계선의 너비를 변경할 수 있습니다.
다른 것도 참조하세요:CSS 텍스트-캡
CSS 강의:CSS 참조 설명서:
border-bottom 속성HTML DOM 참조 설명서:
직접 시도해 보세요
CSS 문법lengthborder-bottom-width: medium|thin|thick|
|initial|inherit;
속성 값 | 값 |
---|---|
쓰임새 | thin |
medium | 기본 값. 중간 너비의 하단 경계선을 정의합니다. |
thick | 두꺼운 하단 경계선을 정의합니다. |
length | 하단 경계선의 너비를 사용자 정의할 수 있습니다. |
inherit | 경계선 너비는 부모 요소에서 상속해야 합니다. |
더 많은 예제
- 하단 경계선의 너비 설정
- 이 예제는 하단 경계선의 너비를 설정하는 방법을 보여줍니다.
기술 세부 사항
기본 값: | medium |
---|---|
상속성: | no |
버전: | CSS1 |
JavaScript 문법: | object.style.borderBottomWidth="thick" |
브라우저 지원
표에서는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전이 기재되어 있습니다.
Chrome | IE / Edge | Firefox | Safari | 오페라 |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
주석:IE7 및 이전 버전의 브라우저는 "inherit" 값을 지원하지 않습니다. IE8은 !DOCTYPE가 필요합니다. IE9는 "inherit"를 지원합니다.
- 이전 페이지 border-bottom-style
- 다음 페이지 border-collapse