css display屬性的值有：none、block、inline、inline-block、list-item、run-in、compact、marker、table、inline-table、table-cell、inherit等等。
本教學操作環境：windows7系統、CSS3版、Dell G3電腦。
display 屬性規定元素應該產生的框的類型。
display屬性的值
| #值 |
描述 |
| none |
此元素不會被顯示。 |
| block |
此元素將顯示為區塊級元素，此元素前後會帶有換行符號。 |
| inline |
預設。此元素會被顯示為內聯元素，元素前後沒有換行符號。 |
| inline-block |
行內區塊元素。 （CSS2.1 新增的值） |
| list-item |
此元素會顯示為清單。 |
| run-in |
此元素會根據上下文作為區塊級元素或內聯元素顯示。 |
| compact |
CSS 中有值 compact，不過由於缺乏廣泛支持，已經從 CSS2.1 中刪除。 |
| marker |
CSS 中有值 marker，不過由於缺乏廣泛支持，已經從 CSS2.1 中刪除。 |
| table |
此元素會作為區塊級表格來顯示（類似 ），表格前後都會有換行符號。
| inline-table |
此元素會作為內嵌表格來顯示（類似 ），表格前後沒有換行符號。
| table-row-group |
此元素會作為一個或多個行的分組來顯示（類似 | ）。
| table-header-group |
此元素會以一個或多個行的分組來顯示（類似 ）。
| table-footer-group |
此元素會以一個或多個行的分組來顯示（類似 | | ）。
| table-row |
此元素會顯示為一個表格行（類似 | ）。
| table-column-group |
此元素會以一個或多個欄位的分組來顯示（類似 ）。 |
| table-column |
此元素會顯示為一個單元格列（類似） |
| table -cell |
此元素會以表格儲存格顯示（類似 | 和 | ）
|
| table-caption |
#此元素會顯示為一個表格標題（類似） |
| inherit |
規定應該從父元素繼承display 屬性的值。 |
更多程式相關知識，請造訪：程式設計影片！ ！ 以上是css display屬性的值有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
-
2023-04-26 17:59:18
-
2023-04-26 17:47:48
-
2023-04-26 17:41:42
-
2023-04-26 17:37:05
-
2023-04-26 17:31:25
-
2023-04-26 17:27:32
-
2023-04-25 19:57:58
-
2023-04-25 19:53:11
-
2023-04-25 19:49:11
-
2023-04-25 19:41:54
| |
