[CSS] display 속성 정리

display

: 요소의 크기를 결정하는 속성입니다.

 

🟦 display 속성

• display: none

       : 화면에 보이지 않으며 영역도 차지하지 않습니다.

 

• display: block

       : width가 100%의 영역으로 설정이 됩니다. (div 기본값과 동일) - 가로 한 줄 모두 차지

 

• display: inline

        : 컨텐츠의 크기만큼의 영역만 설정이 됩니다.(width를 변경해도 영역이 변하지 않음)

 

• display: inline-block;

       : inline과 block의 특성이 모두 있습니다. inline의 속성이 있지만, width로 크기를 설정할 수 있습니다.

 

 

---

 

참고 글: [CSS] display란? / display 속성 / display 종류

https://programming119.tistory.com/97