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
요소를 표시하지 않습니다.


알립니다!

사이드바의 프로퍼티 목록 중 뒤에 별표(*)가 붙은 것은 CSS 3의 내용이 반영되지 않은 것입니다.

읽으신 글에 수정할 내용, 추가할 내용 등이 있다면 부담없이 댓글을 남겨 주세요.