CSS의 테두리 선(border)과 색상 표현

border : 선-두께(border-width) 선-종류(border-style) 선-색상(border-color);

요소의 테두리 선을 지정하는 단축 속성. 요소의 크기가 커짐!

border-width

요소 테두리 선의 두께

기본값, medium : 중간 두께, 브라우저마다 다루는 숫치가 다르기 때문에 지양. (키워드로 된 thin, thick도 존재)

단위 : px, em, % 등 단위로 정확한 수치 지정

border-style

요소 테두리 선의 종류

기본값, none : 선 없음

solid : 실선

dashed : 파선 (절취선)

border-color

요소 테두리 선의 색상을 지정하는 단축 속성

기본값, black : 검정색

색상 : 선의 색상

transparent : 투명

border-방향, border-방향-속성

요소의 테두리 선을 지정하는 기타 속성들

border-radius

요소의 모서리를 둥글게 깎음

기본값, 0 : 둥글게 없음

단위 : px, em, vw 등 단위로 지정