border-bottom-width

CSS 공작소에 방문해 주셔서 감사드립니다. 반응형 예제로 느껴보세요!!

border-bottom-width 은 아래쪽 테두리의 두께를 지정합니다.

예제 1
border-bottom-width 개요 - 아래쪽 테두리의 두께를 지정합니다.
보기
안녕하세요? CSS 공작소 입니다.

border-bottom-width : 10px
소스
<style type="text/css">
    .css_test {
        border : 3px solid gray;
        text-align : center;
        padding : 40px 0;
    }
</style>

<div class="css_test" style="CSS_NAME:10px;">
    안녕하세요? CSS 공작소 입니다.<br>
    <img src="https://t1.daumcdn.net/cfile/tistory/276CD538550B923A07" /><br>
    CSS_NAME : 10px
</div>
사용된 CSS (클릭시 보기) : borderborder-bottom-widthpaddingtext-align
설명
관련 CSS

- border-bottom-width : 아래 테두리 두께만 지정

- border-top-width : 위 테두리 두께만 지정

- border-left-width : 왼쪽 테두리 두께만 지정

- border-right-width : 오른쪽 테두리 두께만 지정

- border-width : 테두리 두께 모두 지정
예제 2
실습 - 직접 조절해 보기
보기
border-bottom-width :
10px
border-bottom-width : 10px
CSS 공작소
안녕하세요? CSS 공작소 입니다.

border-bottom-width 조절해 보기
 
+ 관련 CSS +