CSS의 border 속성은 HTML 요소 주위에 테두리를 생성하는 데 사용됩니다. border 속성은 테두리의 두께, 유형 및 색상을 지정할 수 있습니다.

속성 값

border 속성은 다음과 같이 세 부분으로 구성됩니다.

1. Border Width (테두리 두께): 테두리의 두께를 지정합니다. 기본 단위는 픽셀(px)입니다.
2. Border Style (테두리 스타일): 테두리의 모양을 나타내는 값으로, solid, dotted, dashed 등이 있습니다.
3. Border Color (테두리 색상): 테두리의 색상을 지정합니다. 기본값은 흑색입니다.

예시:

.element {
  border: 2px solid #000;
}

위의 예시에서는 element라는 클래스를 갖는 HTML 요소에 2픽셀 두께의 검은 실선 테두리를 적용합니다.

border 속성은 개별적으로 border-width, border-style, border-color 속성으로 나누어 사용할 수도 있습니다.

요약

border 속성은 CSS에서 테두리를 스타일링 하는 데 사용됩니다. 테두리의 두께, 스타일 및 색상을 지정하여 요소를 꾸밀 수 있습니다.

더 많은 정보를 원하시면 다음 링크를 참고하세요: MDN web docs - border