border-bottom-width 속성

border-bottom-width 속성은 하단 테두리의 두께를 설정합니다. 속성 값으로는 퍼센트를 제외한 모든 크기 단위 또는 키워드 thin (2 픽셀 테두리), medium (4 픽셀 테두리) 또는 thick (6 픽셀 테두리)를 사용할 수 있습니다. 기본 값은 medium입니다.

구문

css선택자 {
  border-bottom-width: 값;
}

예시

하단 테두리 두께를 1픽셀로 설정해 보겠습니다:

html<div id="elem"></div>

css#elem {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: black;
  
  background: #f9f9f9;
  width: 300px;
  height: 100px;
}

Результат:

함께 보기