CSS 資料型別 - <display-outside>

元素的外部顯示型別，在流佈局中至關重要，由<display-outside> 關鍵字決定。display 屬性使用這些關鍵字作為值。

可能的值

資料型別<display-outside> 有以下有效值

block：元素生成一個塊級元素框，在正常流中，會在元素前後產生換行。
inline：元素生成一個或多個內聯元素框，在元素前後不產生換行。如果正常流中有可用空間，則下一個元素將在同一行顯示。

注意：支援雙值語法的瀏覽器，當僅指定外部值（如display: block 或display: inline）時，會將內部值預設為flow。

語法

<display-outside> = block | inline

CSS <display-outside> - block 值

以下示例演示了一個span 元素，它通常顯示為內聯元素，將使用關鍵字block 設定為顯示為塊級元素。

<html>
<head>
<style>
   .span-block {
      display: block;
      background-color: aqua;
      border: 1px solid black;
   }
   .span-default {
      background-color: peachpuff;
   }
</style>
</head>
<body>
   <h2><display-outside></h2>
   <div>
      <span class="span-block">I am a span.</span> <span class="span-block">I am span displayed as block.</span>
      <span class="span-default">I am a default inline span.</span> <span class="span-default">Inline span.</span>
   </div>
</body>
</html>

列印頁面