display的屬性及屬性值意義

display 屬性有有24種:

  • none: 隱藏對象。與visibility屬性的hidden值不同,其不爲被隱藏的對象保留其物理空間
  • inline: 指定對象爲內聯元素。
  • block: 指定對象爲塊元素。
  • list-item: 指定對象爲列表項目。
  • inline-block: 指定對象爲內聯塊元素。(CSS2)
  • table: 指定對象作爲塊元素級的表格。類同於html標籤(CSS2)
  • inline-table: 指定對象作爲內聯元素級的表格。類同於html標籤(CSS2)
  • table-caption: 指定對象作爲表格標題。類同於html標籤(CSS2)
  • table-cell: 指定對象作爲表格單元格。類同於html標籤(CSS2)
  • table-row: 指定對象作爲表格行。類同於html標籤(CSS2)
  • table-row-group: 指定對象作爲表格行組。類同於html標籤(CSS2)
  • table-column: 指定對象作爲表格列。類同於html標籤(CSS2)
  • table-column-group: 指定對象作爲表格列組顯示。類同於html標籤(CSS2)
  • table-header-group: 指定對象作爲表格標題組。類同於html標籤(CSS2)
  • table-footer-group: 指定對象作爲表格腳註組。類同於html標籤(CSS2)
  • compact: 分配對象爲塊對象或基於內容之上的內聯對象(CSS3)
  • run-in: 分配對象爲塊對象或基於內容之上的內聯對象(CSS3)
  • ruby: 將對象作爲表格腳註組顯示(CSS3)
  • ruby-base: 將對象作爲表格腳註組顯示(CSS3)
  • ruby-text: 將對象作爲表格腳註組顯示(CSS3)
  • ruby-base-group: 將對象作爲表格腳註組顯示(CSS3)
  • ruby-text-group: 將對象作爲表格腳註組顯示(CSS3)
  • box: 將對象作爲彈性盒模型顯示(CSS3)
  • inline-box: 將對象作爲內聯塊級彈性盒模型顯示(CSS3)
發佈了36 篇原創文章 · 獲贊 0 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章