테두리 스타일을 지정하는 border-style 속성은 기본 값이 none 이기 때문에 테두리 스타일을 지정하지 않으면 색상이나 두께를 지정하더라도 화면에 표시되지 않습니다. 따라서 테두리를 그리기 위해서는 테두리 스타일을 지정해야 합니다.
border-style
border-style 속성은 실선이나 점선, 이중선 등 테두리의 모양(형태)을 지정합니다.
기본형
border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
- 모양은 아래의 예제를 참고하세요.
예제
각 속성값이 어떤 모양인지 보여주는 예제입니다.
로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.
값에 따라서 브라우저마다 모양이 다르게 나올 수 있습니다.