display

display 속성에 대한 유틸리티입니다.

요소가 웹 페이지에서 어떻게 표현될지 결정합니다. 요소가 블록 레벨로 처리될지, 인라인 레벨로 처리될지를 지정할 수 있습니다. 또한, flow layout, flex, grid 등 자식 요소에 적용될 레이아웃의 유형을 결정합니다.

클래스	약어 클래스	속성
display:block	d:block	display: block !important;
display:inline-block	d:inline-block	display: inline-block !important;
display:inline	d:inline	display: inline !important;
display:contents	d:contents	display: contents !important;
display:run-in	d:run-in	display: run-in !important;
display:flex	d:flex	display: flex !important;
display:inline-flex	d:inline-flex	display: inline-flex !important;
display:grid	d:grid	display: grid !important;
display:inline-grid	d:inline-grid	display: inline-grid !important;
display:flow-root	d:flow-root	display: flow-root !important;
display:table	d:table	display: table !important;
display:inline-table	d:inline-table	display: inline-table !important;
display:table-caption	d:table-caption	display: table-caption !important;
display:table-header-group	d:table-header-group	display: table-header-group !important;
display:table-footer-group	d:table-footer-group	display: table-footer-group !important;
display:table-column	d:table-column	display: table-column !important;
display:table-column-group	d:table-column-group	display: table-column-group !important;
display:table-cell	d:table-cell	display: table-cell !important;
display:table-row	d:table-row	display: table-row !important;
display:table-row-group	d:table-row-group	display: table-row-group !important;
display:inline-table	d:inline-table	display: inline-table !important;
display:list-item	d:list-item	display: list-item !important;
display:unset	d:unset	display: unset !important;
display:inherit	d:inherit	display: inherit !important;
display:initial	d:initial	display: initial !important;
display:none	d:none	display: none !important;