이번에는 CSS3 border-style 을 알아보자
거의 solid를 많이쓰지만 디자이너가 뭘 요구할지 모르니깐
알아둬보자
종류
-none: 테두리 없음
-hidden: 테두리 숨김 (none과 같으나 테이블 셀 요소라면 테두리 통합)
-dotted: 점선 테두리
-dashed: 짧은 선들의 연속 지정
-solid: 실선
-double: 두개의 실선으로 지정
-groove: 테두리가 안으로 파진것처럼 보임
-ridge: 테두리가 밖으로 튀어나온것처럼 보임
-inset: 테두리를 포함한 컨텐츠 영역이 안으로 들어간것처럼 보임
-outset: 테두리를 포함한 컨텐츠 영역이 밖으로 튀어나온것처럼 보임
범위
div { border-style: solid } - 모든 테두리를 solid로 설정
div { border-style: solid dotted } - 상, 하(solid) 좌,우(dotted)
div { border-style: solid dotted dashed } - 상 (solid) 좌,우(dotted) 하 (dashed)
