<display-outside>
<display-outside> 關鍵字指定元素的外部 display 型別，這本質上是它在流式佈局中的角色。這些關鍵字用作 display 屬性的值，出於歷史原因可以作為單個關鍵字使用，也可以像 Level 3 規範中定義的那樣與 <display-inside> 關鍵字中的值一起使用。
語法
有效的 <display-outside> 值
block-
該元素生成一個塊級元素框，在正常流中，該元素的前後都會生成換行符。
inline-
該元素生成一個或多個內聯元素框，這些框在自身前後不會生成換行符。在正常流中，如果有空間，下一個元素將位於同一行。
注意：當瀏覽器遇到僅包含外部 display 值（例如 display: block 或 display: inline）的 display 屬性時，內部值預設為 flow（例如 display: block flow 和 display: inline flow）。這與單關鍵字語法向後相容。
正式語法
<display-outside> =
block |
inline |
run-in
示例
在以下示例中，span 元素（通常以內聯元素顯示）設定為 display: block，因此會換到新行並擴充套件以填充其容器的內聯尺寸。
HTML
html
<span>span 1</span> <span>span 2</span>
CSS
css
span {
display: block;
border: 1px solid rebeccapurple;
}
結果
規範
| 規範 |
|---|
| CSS Display Module Level 3 # typedef-display-outside |
瀏覽器相容性
css.properties.display.block
載入中…
css.properties.display.inline
載入中…