<div></div>

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類
要素

div要素を使用すると、任意の範囲をブロックレベル要素としてまとめることができます。

例えば、ある範囲をひとつのセクションとして扱いたい場合などに、この要素を使用することになります。


<div>まとまりとして扱われます</div>

span要素と似ていますが、span要素はインライン要素、div要素はブロックレベル要素に分類されます。

div要素span要素は、主にスタイルシート(CSS)と組み合わせて使用することになります。セクション単位でスタイルシートを適用したい場合はdiv要素を、文章中の一部にスタイルシートを適用したい場合はspan要素を使用します。

使用例


<div style="width: 70%; padding: 10px; border: 1px #808080 solid;">

<p>div要素とspan要素の使用例です。<span style="color: gray;">(この例ではstyle属性を使用していますが、通常はclass属性、またはid属性を使用してスタイルを適用します)</span></p>

</div>

表示例

div要素とspan要素の使用例です。(この例ではstyle属性を使用していますが、通常はclass属性、またはid属性を使用してスタイルを適用します)