7/6 Display 속성

Display 속성

요소의 성격을 설정, 보여주는 속성

* block: 박스와 같이 쌓이는 성격을 가지고 있음. 화면 전체폭을 사용하는 특성을 가지고 있음. (ex> div, p, table 태그 등)

꽉 차게 나타남, 모든 css element 적용

* inline: 글자와 같이 나열되는 성격을 이야기 하면서도 내용물에 따라 폭이 결정되는 성격을 가지고 있음. (a, span, i, em)

옆으로 글자에 따라서 나타남, 일부 css element만 적용됨. 사이즈 부여 관계없이, 글자 크기에 따라감.

 

display 속성

box element에 display:inline시 inline 형태로 표출됨.

inline element에 display:block시 block 형태로 표출됨.

none: 그 div를 숨김. (표출 X)

inline-block 인라인과 블록의 합성속성 글자와 같이 옆으로 나열,블럭과 같이 css에 대한 모든 적용이 이루어지는 성격.

 

Overflow display : 보일듯 말듯.

- hidden: 안보이게 처리를 하는 역활

- scroll: 안보이는 것들은 스크롤로 내용을 봄.