display

설명

🔖 화면에 어떻게 드러나게 할지를 결정하는 속성 요소 크기를 어떻게 결정할것인가

속성값

속성값	설명
none	노출되지 않게 설정
block	가로 한 블록 전체를 사용
inline	컨텐츠를 감쌀 정도의 크기
inline-block	기본적으로 inline, 임의로 크기 변경 가능

none

• 화면에서 사라지고 크기 자체도 차지하지 않음.

block (default)

• width가 자신의 컨테이너의 100%
• 가로 한 줄을 다 차지

inline

• 컨텐츠를 딱 감쌀정도의 크기
• block태그와 다르게 줄바꿈이 되지 않고, 반드시 컨텐츠를 감싸게 되고, 크기를 변화시킬 수 없음

inline-block

• inline과 block의 특성을 합쳐놓은 속성
• inline의 속성을 지니고 있지만, 임의로 크기를 바꿔줄 수 있음.