[CSS] display & border 속성

display 속성

블록과 인라인 요소 중 어느 쪽으로 처리할지 정의 가능

block level vs inline

block level : 자신이 속한 영역의 너비를 모두 차지하여 블록 형성 ( div, p, h1 ... )
inline : 자신에게 필요한 만큼의 공간만 차지 (span, a ...)

keyword

inline / block / inline-block / none 등등

border 속성

요소가 차지하고 있는 영역에 테두리를 그린다.
border 속성은 속성값으로 테두리의 두께, 모양, 크기 등을 '함께' 지정할 수 있는 '단축 속성'이다.

span { border : 2px solid green }

-> 두께가 2px인 직선 모양의 초록 테두리

border의 하위 속성

border-color / border-width / border-style