[css]테두리 너비 지정하기 (border-width)

border-width

요소 테두리의 너비를 지정할 수 있는 CSS 속성입니다.

 

속성 지정하기

1. thin | medium | thick 를 이용하여 굵기를 지정할 수 있습니다.

#css1 {
  border-width: thick;
}

 

2. 굵기를 직접 지정할 수 있습니다.

#css1 {
  border-width: 4px;
}

단위는 px, em, rem 등 자유롭게 사용하면 됩니다.

 

3. 상, 우, 좌, 하 각각 굵기를 지정할 수 있습니다.

#css1 {
  /* 위 | 오른쪽 | 아래 | 왼쪽 */
  border-width-4: 1px 2em 0 4rem;
}

 

 

자세히 알아보기

데모 및 더 많은 정보는 공식문서(바로가기)에서 확인할 수 있습니다.