display

요소가 기본적으로 표시될 형태를 지정합니다. 속성 값을 none으로 지정한 경우에는 visibility 프로퍼티의 값을 hidden으로 지정한 것과는 달리 요소가 차지하는 공간도 표시되지 않습니다.

CSS Level

CSS 1, CSS 2

상속

아니오

기본값

inline

사용법

display: inline;

object.style.display = "inline";

속성

inline

인라인 요소로 표현합니다. 따라서, 닫는 태그 뒤에서 줄바꿈이 되지 않습니다.

block

블록 요소로 표현합니다.

list-item

리스트 목록 형태로 표현합니다. HTML의 <li> 요소입니다.

inline-block

인라인 요소로 표현하지만, 요소의 내부는 블록 요소입니다.

table

블록 레벨의 표로 표현합니다. HTML의 <table> 요소입니다.

inline-table

인라인 표로 표현합니다. HTML의 <table> 요소입니다.

table-row-group

HTML의  <tbody> 요소입니다.

table-header-group

HTML의  <thead> 요소입니다.

table-footer-group

HTML의  <tfoot> 요소입니다.

table-row

HTML의  <tr> 요소입니다.

table-column-group

HTML의  <colgroup> 요소입니다.

table-column

HTML의  <col> 요소입니다.

table-cell

HTML의  <td>, <th> 요소입니다.

table-caption

HTML의  <caption> 요소입니다.

none

요소를 표시하지 않습니다.