.gif&blockId=11b00c82-b138-8050-a58b-dcbceda2ef8f)
설명
화면에 어떻게 드러나게 할지를 결정하는 속성
요소 크기를 어떻게 결정할것인가
속성값
속성값 | 설명 |
none | 노출되지 않게 설정 |
block | 가로 한 블록 전체를 사용 |
inline | 컨텐츠를 감쌀 정도의 크기 |
inline-block | 기본적으로 inline, 임의로 크기 변경 가능 |
none
•
화면에서 사라지고 크기 자체도 차지하지 않음.
block (default)
•
width가 자신의 컨테이너의 100%
•
가로 한 줄을 다 차지
inline
•
컨텐츠를 딱 감쌀정도의 크기
•
block태그와 다르게 줄바꿈이 되지 않고, 반드시 컨텐츠를 감싸게 되고, 크기를 변화시킬 수 없음
inline-block
•
inline과 block의 특성을 합쳐놓은 속성
•
inline의 속성을 지니고 있지만, 임의로 크기를 바꿔줄 수 있음.
