hsunny study blog

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

programming/html&css

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

헤써니 2020. 2. 13. 23:49

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;
}

 

 

자세히 알아보기

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

'programming > html&css' 카테고리의 다른 글

<textarea>placeholder 특징  (0) 2018.03.28
이미지 정렬 맞추기  (0) 2018.03.28
window.print() 시 속성주기  (0) 2017.09.05