관련 CSS
- border-bottom-width : 아래 테두리 두께만 지정
- border-top-width : 위 테두리 두께만 지정
- border-left-width : 왼쪽 테두리 두께만 지정
- border-right-width : 오른쪽 테두리 두께만 지정
- border-width : 테두리 두께 모두 지정
border-top-width
CSS 공작소에 방문해 주셔서 감사드립니다. 반응형 예제로 느껴보세요!!
border-top-width 는 아래쪽 테두리의 두께를 지정합니다.
예제 1
border-top-width 개요 - 아래쪽 테두리의 두께를 지정합니다.
보기
안녕하세요? CSS 공작소 입니다.
border-top-width : 10px
border-top-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/234BC24D55AC84AA1C" /><br>
CSS_NAME : 10px
</div>
.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/234BC24D55AC84AA1C" /><br>
CSS_NAME : 10px
</div>
설명
예제 2
실습 - 직접 조절해 보기
보기
안녕하세요? CSS 공작소 입니다.
border-top-width 조절해 보기
border-top-width 조절해 보기
+ 관련 CSS +
- border테두리를 설정합니다
- border-bottomborder 에서 아래쪽 설정만 특화된 것입니다
- border-bottom-color테두리 아래쪽의 색을 지정합니다
- border-bottom-left-radius테두리 왼쪽 아래의 둥굴기를 설정합니다
- border-bottom-right-radius테두리 오른쪽 아래의 둥굴기를 설정합니다
- border-bottom-style아래쪽 테두리의 종류를 지정합니다
- border-bottom-width아래쪽 테두리의 두께를 지정합니다
- border-collapsetable 요소의 인접한 셀의 테두리 표시 방법을 지정합니다.
- border-color테두리 컬러만 설정합니다
- border-image이미지를 이용하여 테두리를 만듭니다
- border-leftborder 에서 왼쪽 설정만 특화된 것입니다
- border-left-color테두리 왼쪽의 색을 지정합니다
- border-left-style왼쪽 테두리의 종류를 지정합니다
- border-left-width왼쪽 테두리의 두께를 지정합니다
- border-radius모서리를 둥글게 만들어 줍니다
- border-rightborder 에서 오른쪽 설정만 특화된 것입니다
- border-right-color테두리 오른쪽의 색을 지정합니다
- border-right-style오른쪽 테두리의 종류를 지정합니다
- border-right-width오른쪽 테두리의 두께를 지정합니다.
- border-spacingtable 요소의 셀 간격을 지정합니다
- border-style테두리선의 종류를 지정합니다
- border-topborder 에서 위쪽 설정만 특화된 것입니다.
- border-top-color테두리 위쪽의 색을 지정합니다
- border-top-left-radius테두리 왼쪽 위의 둥굴기를 설정합니다
- border-top-right-radius테두리 오른쪽 위의 둥굴기를 설정합니다
- border-top-style위쪽 테두리의 종류를 지정합니다
- border-top-width아래쪽 테두리의 두께를 지정합니다
- border-width테두리의 두께를 지정합니다