HTML&CSS) display

jun_legend·2021년 6월 9일
0

HTML&CSS

목록 보기
3/4
post-thumbnail

" display "

요소를 어떻게 보이게 하는지를 결정하는 속성으로
각각의 속성값에 따라 다르게 보여진다.

display 속성값

  • inline
    inline 요소의 특성 그대로 한 줄에 다른 요소들과 나란히 배치된다.
    컨텐트의 크기만큼만 공간을 차지해서 width 와 height 속성을 지정해도
    무시된다.

  • block
    block 요소의 특성 그대로 줄 전체를 차지하며 줄바꿈이 일어난다.
    inline 속성값과는 다르게 width, height, mpadding, margin 속성이
    모두 반영된다.

  • inline-block
    기본적으로 inline 속성값처럼 한 줄에 다른 요소들과 나란히 배치되지만,
    block 속성값처럼 width, height, mpadding, margin 속성이 모두 반영된다.
    즉, 여러개의 요소들을 원하는 너비만큼 한 줄에 배치할 수 있다.

0개의 댓글