border-bottom-width 속성

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

구문

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

예시

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

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

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

함께 보기

하단 테두리 스타일을 설정하는 속성 border-bottom-style
하단 테두리 색상을 설정하는 속성 border-bottom-color
하단 테두리를 설정하는 속성 border-bottom
모든 테두리의 두께를 설정하는 속성 border-width