CSS border-width thin, medium, thick

✔️ 크롬 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>

3 같이 보기

• CSS border-width 속성
• CSS font-weight 속성