[css] 실선, 점선, 대쉬선으로 테두리 스타일 설정하기

26 Dec 2023

테두리 스타일 속성

테두리 스타일을 설정하기 위해서는 border-style 속성을 사용합니다. 다음은 간단한 예제입니다.

.element {
  border-style: solid; /* 실선 */
}

.element {
  border-style: dotted; /* 점선 */
}

.element {
  border-style: dashed; /* 대쉬선 */
}

위 예제에서 border-style 속성을 이용하여 solid, dotted, dashed 값을 선택함으로써 테두리 스타일을 지정할 수 있습니다.

더 많은 테두리 스타일 옵션에 대해 알고 싶다면 MDN web docs를 참고하세요.