border-bottom-width

border-bottom-width CSS 속성은 요소의 아래 테두리 너비를 지정합니다.

구문

/* 키워드 값 */
border-bottom-width: thin;
border-bottom-width: medium;
border-bottom-width: thick;

/* <length> 값 */
border-bottom-width: 10em;
border-bottom-width: 3vmax;
border-bottom-width: 6px;

/* 전역 값 */
border-bottom-width: inherit;
border-bottom-width: initial;
border-bottom-width: unset;

<line-width>
테두리의 너비. 0 이상의 <length> 또는 키워드를 사용할 수 있습니다. 키워드는 다음 세 가지 중 하나여야 합니다.
thin
 
얇은 테두리
medium
 
중간 테두리
thick
 
굵은 테두리

참고: 각 키워드의 굵기를 정의한 명세는 없기 때문에 결과는 구현별로 상이할 수 있습니다. 다만 굵기는 언제나 thin ≤ medium ≤ thick이고, 하나의 문서 내에서 동일합니다.

형식 구문

<line-width>

where
<line-width> = <length> | thin | medium | thick

예제

HTML

<div>Element 1</div>
<div>Element 2</div>

CSS

div { 
  border: 1px solid red;
  margin: 1em 0;
}

div:nth-child(1) {
  border-bottom-width: thick;
}
div:nth-child(2) {
  border-bottom-width: 2em;
}

Result

명세

Specification Status Comment
CSS Backgrounds and Borders Module Level 3
The definition of 'border-bottom-width' in that specification.
Candidate Recommendation No significant change.
CSS Level 2 (Revision 1)
The definition of 'border-bottom-width' in that specification.
Recommendation No significant change.
CSS Level 1
The definition of 'border-bottom-width' in that specification.
Recommendation Initial definition.
초기값medium
적용대상all elements. It also applies to ::first-letter.
상속no
Mediavisual
Computed valuethe absolute length or 0 if border-bottom-style is none or hidden
Animation typea length
Canonical orderthe unique non-ambiguous order defined by the formal grammar

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
border-bottom-widthChrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 4Opera Full support 3.5Safari Full support 1WebView Android Full support 2.3Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 10.1Safari iOS Full support 1Samsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown

같이 보기