속성 border-bottom-style

border-bottom-style 속성은 하단 테두리의 스타일을 지정합니다. 속성값은 border-style 속성과 동일한 값을 사용합니다.

구문

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

예제

하단 테두리를 dashed 타입으로 설정해 보겠습니다:

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

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

Результат:

참고 항목