03_border

border : 태그의 테두리를 설정하는 속성이다

일반적으로 사용하는 방법은

border: width style color순으로 사용하는데

이렇게 사용한다.

하지만

이렇게 전부 각각 설정이 가능하며

하나의 border은 top, bottom, left, right로 나누어지며 각각 스타일 굵기 색등 세세하게 설정이 가능하다

꽤나 다양하게 설정이 가능하다.

* border-collapse

위와같은 테이블에서 th와 td에 border을 주면 두줄로 표시된다

border-collapse: collapse; 옵션을 사용하면 두 줄을 한 줄로 표현 할 수 있다.

border-collapse가 적용된 모습이다.

border-collapse는 표와 테두리와 셍ㄹ의 테두리 사이의 간격을 어떻게 처리할지 정한다.

border-collapse: separate | collapse | initial | inherit 이 있으며

separate :  표의 테두리와 셀 테두리 사이에 간격을 주는것

initial : 기본값으로 설정

inherit : 부모 요소의 속성값을 상속 받는것

등이 있다.