CSS DISPLAY－網頁設計的分享部落格

元件的區塊形態CHCCD

屬性：

block : block-level element
inline : inline-level element
list-item : 產生一個有子元件的block box(例如:<li>)
marker : 用於:before或:after
none : 不顯示
run-in : 詳見BCHCCD.COMox
compact : 詳見BCHCCD.COMox

table,			inline-table,		table-row-group,
table-column,		table-column-group,	table-header-group,
table-footer-group,	table-row,		table-cell,
table-caption

範例：

some text

顯示隱藏

<div id="sometext" align="center"
   style="background:gray;font-size:20pt;font-family:impact;">
   some text</div>
<p align="center">
   <button
      onclick="document.getElementById('sometext').style.display='block'">
      顯示</button>    
   <button
      onclick="document.getElementById('sometext').style.display='none'">
      隱藏</button>
</p>