[CSS] display 속성

Cherry·2022년 9월 15일
0

CSS

목록 보기
3/3
post-thumbnail

✔️display 속성이란?

화면에 어떻게 표현할것인지 정하는 속성이라 할 수 있다.

display 속성은 총 4가지이다.

  • none
  • block
  • inline
  • inline-block

display : none
아무것도 나타내지 않는다.

display : block
따로 설정하지않아도 display가 갖는 기본 설정값이다.
width 가 자신의 컨테이너의 100% 가 되게한다.
즉, 하나의 속성값이 가로 전체를 차지하게 된다.

display : inline
컨텐츠를 감싸는 정도의 크기만 차지한다.
줄바꿈이 되지 않으며, 반드시 컨텐츠를 감싸게 되고, 크기를 변화시킬 수 없다.

display : inline-block
쉽게말해서 inline 과 block의 속성을 합쳐놓은 것이다.
inline과 같이 컨텐츠를 감싸지만 크기를 바꿀 수 있다.

profile
🍒의 공부공간

0개의 댓글