CSS Border 보더

Border

보더는 마진과 패딩 사이에 있는 테두리다.

예를 들어 표를 만들 때 각 칸을 나누는 선이라던가..

보더를 만들때는 border-style 속성을 써주면 된다.

들어갈 수 있는 값으로는

solid : 일반 선

dotted : .... 같은 점선

dashed : ---- 같은 점선

groove : 입체적인 테두리를 만들어 버튼처럼 만들어준다

ridge : 입체적인 테두리를 만들어 액자처럼 만들어준다

등이 있다.

border-width 를 사용해서 테두리의 두께를 지정해 줄 수 있고, 

패딩과 마진과 비슷하게 상하좌우 두께를 따로 지정해줄 수 있다.

border-left-width : 보더 좌측 테두리

border-right-width : 보더 우측 테두리

border-top-width : 보더 위쪽 테두리

border-bottom-width : 보더 아래 테두리

border-color 는 당연하게도 테두리의 색깔을 지정해주는 속성이다

예시를 보자

CSS 예시

HTML 예시

출력 예시.