設定段落生成一個行内框:
p.inline
{
display:inline;
}
display 屬性規定元素應該生成的框的類型。
預設值:
inline
繼承:
no
版本:
CSS1
JavaScript 文法:
object.style.display="inline"
表格中的數字表示支援該屬性的第一個浏覽器版本号。
緊跟在 -webkit-, -ms- 或 -moz- 前的數字為支援該字首屬性的第一個浏覽器版本号。
屬性
display
4.0
8.0
Partial from 5.5
3.0
3.1
7.0
值
描述
none
此元素不會被顯示。
block
此元素将顯示為塊級元素,此元素前後會帶有換行符。
預設。此元素會被顯示為内聯元素,元素前後沒有換行符。
inline-block
行内塊元素。(CSS2.1 新增的值)
list-item
此元素會作為清單顯示。
run-in
此元素會根據上下文作為塊級元素或内聯元素顯示。
compact
CSS 中有值 compact,不過由于缺乏廣泛支援,已經從 CSS2.1 中删除。
marker
CSS 中有值 marker,不過由于缺乏廣泛支援,已經從 CSS2.1 中删除。
table
此元素會作為塊級表格來顯示(類似 <table>),表格前後帶有換行符。
inline-table
此元素會作為内聯表格來顯示(類似 <table>),表格前後沒有換行符。
table-row-group
此元素會作為一個或多個行的分組來顯示(類似 <tbody>)。
table-header-group
此元素會作為一個或多個行的分組來顯示(類似 <thead>)。
table-footer-group
此元素會作為一個或多個行的分組來顯示(類似 <tfoot>)。
table-row
此元素會作為一個表格行顯示(類似 <tr>)。
table-column-group
此元素會作為一個或多個列的分組來顯示(類似 <colgroup>)。
table-column
此元素會作為一個單元格列顯示(類似 <col>)
table-cell
此元素會作為一個表格單元格顯示(類似 <td> 和 <th>)
table-caption
此元素會作為一個表格标題顯示(類似 <caption>)
inherit
規定應該從父元素繼承 display 屬性的值。
CSS 教程: CSS Display 和
visibility

使用繼承值
這個例子示範了如何使用繼承屬性的值。