border-width

Summary

박스의 테두리 영역의 너비를 지정합니다.

값	thin | medium | thick | <길이>
기본값	medium
적용대상	모든요소
상속	상속안됨
퍼센테이지	지정불가
미디어	Visual

Value

• thin : 얇은 테두리
• medium : 보통의 테두리
• thick : 두꺼운 테두리
• 길이 : 테두리의 두께를 지정하는 명시적인 값. 음수가 될 수 없습니다.

Tip

1. border-width 는 border-top-width, border-right-width, border-bottom-width, border-left-width들을 한꺼번에 지정하는 약식 속성입니다.
2. 값의 갯수에 따라 border-width가 설정되는 범위
   • div { border-width: 2em }
     모든 마진들을 2em으로 설정
   • div { border-width: 1em 2em }
     상, 하 = 1em, 좌, 우 = 2em
   • div { border-width: 1em 2em 3em }
     상=1em, 좌, 우=2em, 하=3em, left=2em
3. 다음과 같이 사용할 수 있습니다.

   div {
       border-width: thick;
   }

Sample