border-bottom 속성

border-bottom 속성은 하단 테두리의 색상, 유형 및 두께를 지정합니다. 이 속성은 border-bottom-width, border-bottom-style 및 border-bottom-color의 단축 속성입니다.

구문

css선택자 {
  border-bottom: 두께 유형 색상;
}

속성 값의 순서는 중요하지 않습니다.

예제

요소에 두께 2px의 검은색 하단 테두리를 만들어 보겠습니다:

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

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

Результат: