村長fb!
此乃舊版魚蛋村,訪客請【按此到新版魚蛋村】繼續瀏覽

CSS 屬性 -『 display 』

  • 屬性介紹 Introduction:
  • 設定物件顯示方式
  • 繼承性:無
  • CSS 版本:CSS1
  • 句法 Syntax:
  • HTML 語法:{display:______;}
  • Scripting 語法:object.style.display = "______";
  • 適用值 Possible Values:
  • 適用值:block | inline | inline-block | inline-table | list-item | none | ruby | ruby-base | ruby-base-container | run-in | ruby-text | ruby-text-container | table | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
  • block顯示成 block 物件
    inline顯示成 inline 物件
    inline-block顯示成 inline 物件, 但內容是 block 物件
    inline-table顯示成前後沒有換行的表格物件 (Internet Explorer 8 新增的值)
    list-item顯示成 block 物件, 並加入項目符號 (IE6+)
    none不顯示物件, 也不保留原有空間
    ruby物件定義為 ruby 結構 (Internet Explorer 8 新增的值)
    ruby-base物件定義為 ruby base (Internet Explorer 8 新增的值)
    ruby-base-container為一或多個 ruby base 物件加上容器 (Internet Explorer 8 新增的值)
    run-in如包含 block 物件, 則顯示成 block 物件
    ruby-text物件定義為 ruby text (Internet Explorer 8 新增的值)
    ruby-text-container為一或多個 ruby text 物件加上容器 (Internet Explorer 8 新增的值)
    table顯示成 table 物件 (Internet Explorer 8 新增的值)
    table-caption顯示成 caption 物件 (Internet Explorer 8 新增的值)
    table-cell顯示成 td 或 th 物件 (Internet Explorer 8 新增的值)
    table-column顯示成 col 物件 (Internet Explorer 8 新增的值)
    table-column-group顯示成 colGroup 物件 (Internet Explorer 8 新增的值)
    table-footer-group顯示成 tFoot 物件
    table-header-group顯示成 tHead 物件
    table-row顯示成 tr 物件 (Internet Explorer 8 新增的值)
    table-row-group顯示成 tBody 物件 (Internet Explorer 8 新增的值)
  • 預設值:inline
  • 範例 Example:
  • img {disply:block;}
  • div {disply:none;}
  • p {disply:inline-block;}
魚蛋村,語法,圖片,素材,下載,琴譜,字型,教學,網頁製作,網頁教學,表情符號,程式,yudan,yudans,yudan village,javascript,cgi,php,msn,css,html,w3c,teach
footer