表示に関するCSSプロパティ－display

①display

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

ざっくりというと要素の表示形式を決めるものです。たとえばp {display: block}や、span {display: inline}のように使われます。

代表4例

• block p、div、ul、h1〜h6などのタグの初期値はコレ
• inline a、span、imgなどのタグの初期値はコレ
• inline-block
• none

「pタグはblock」「aタグはinline」というようにタグごとにdisplayプロパティの初期値が決まっています。ほとんどのタグはblockもしくはinlineが初期値となっています。

表示イメージ

• block⇒要素が横までいっぱいに広がり、縦に並んでいく
• inline⇒要素が平ぺったく横に並んでいく
• inline-block⇒blockとinlineの中間
• none⇒非表示になる

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

工藤

最新記事 by 工藤 (全て見る)

• 表示に関するCSSプロパティ－display - 2026年1月21日
• 位置に関するCSSプロパティ－z-index - 2025年12月8日
• 位置に関するCSSプロパティ－position - 2025年11月28日