HTML&CSS

[CSS] Display Property

JayLee 2018. 6. 11. 19:59
반응형

block

 한 줄을 모두 차지하며 엘리먼트가 배치된다.

ex) div, p, form, header, footer, section 등

inline
 줄 바꿈 없이 다른 엘리먼트들과 같은 줄에 엘리먼트가 배치됨.
 요소를 구성하는 태그에 할당된 공간만 차지한다. 예를들어 width, height 속성을 주더라도 무시되고 자식 엘리먼트들의 공간만 차지한다.
ex) span, a 등..

none
 엘리먼트를 실제로 삭제하고 재생성하지 않고도 엘리먼트를 보이고 감추는데 사용한다.
참고) Visibility: hidden은 자리는 차지하되 모습만 감추는 것으로 display: none과는 다르다.



참조: http://ko.learnlayout.com

반응형

'HTML&CSS' 카테고리의 다른 글

[CSS] Clear Property  (0) 2018.06.15
[CSS] Float Property  (0) 2018.06.14
[CSS] Position Property  (0) 2018.06.12
[CSS] Display Property  (0) 2018.06.11
[CSS] !important, IE placeholder 색상 적용되지 않는 문제.  (0) 2018.02.22
[HTML] SPAN  (0) 2017.08.25