画面表示(Display)

displayとは、要素の表示形式を指定するためのプロパティです。

初期値はinlineであり、指定された要素はインラインで表示されます。

このほかに、指定が可能なキーワードには要素を表示させないnone、ブロックレベルで表示するblockなどがあります。

Functional list
書式 display: <value:値>
block | inline | list-item | none
初期値 block
適用要素 全ての要素
継承性 不可

displayプロパティーは四つの値の一つで要素を定義するのに使われます。

  • block(要素の前後で改行)
  • inline(要素の前後で改行しない)
  • list-item(リスト項目マークを除く blockと同じブロックがつく)
  • none(画面表示なし)

各要素は、典型的には初期にdisplay値がブラウザによって与えられていて、これはHTML仕様書での示唆された表示にもとずいています。

不適切な形式の要素の表示能力故に displayプロパティーは危険です。

値 noneは、指定された要素の子要素も含めて画面表示を無効にします。

戻る