display｜表示形式を変更する

displayを使用すると、要素の表示形式を指定できる。

inline インラインで表示する。リスト系の要素に使用すると、項目を横並びで表示させる （初期値）
block ブロックレベルとして表示する。
list-item リスト項目として表示する。 （リスト系の要素には、はじめから「display:list-item」が設定されている）
run-in 条件によって、表示形式が異なる
  1. 次に続くブロックレベル要素内の冒頭にインライン表示
  2. run-inにて指定した範囲内に、ブロックレベル要素がある場合は、
    自分自身がブロックレベル表示になる
  3. 次に続くブロックレベル要素に「float（フロート配置）」または
    「position（絶対位置決め）」が設定されている場合は、ブロックレベル表示になる。
compact 条件によって表示形式が異なる
  1. 次に続くブロックレベル要素の左マージンにてインライン表示
  2. compactにて指定した範囲内に、ブロックレベル要素がある場合は、
    自分自身がブロックレベル表示になる
  3. 一行で収まらない場合は自分自身がブロックレベル表示になる。
none 何もしない（領域を生成しない）