✔️ 크롬 39.0에서 테스트하였습니다.
1 개요[ | ]
- CSS border-width thin, medium, thick
- CSS 테두리 두께 얇게, 중간, 두껍게
- thin은 1px
- medium은 3px
- thick은 5px
2 예시[ | ]
html
Copy
<style>
div {
border: 10px solid black;
display: inline-block;
width: 120px; height: 80px;
border-radius: 30px;
}
.box-a { border-width: thin; /* 1px */ }
.box-b { border-width: medium; /* 3px */ }
.box-c { border-width: thick; /* 5px */ }
</style>
<div class='box-a'>가나다라마바사</div>
<div class='box-b'>가나다라마바사</div>
<div class='box-c'>가나다라마바사</div>