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 | 此元素會作為區塊級表格來顯示(類似
|