속성 border-bottom-style

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

구문

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

예제

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

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

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

참고 항목

하단 테두리 색상을 지정하는 속성 border-bottom-color,
하단 테두리 두께를 지정하는 속성 border-bottom-width,
하단 면의 테두리를 지정하는 속성 border-bottom,
모든 면의 테두리 두께를 지정하는 속성 border-width,