HTML <div>タグ


CSSでスタイル設定されたドキュメントの<div>セクション:

<html>
<head>
<style>
.myDiv {
  border: 5px outset red;
  background-color: lightblue;
  text-align: center;
}
</style>
</head>
<body>

<div class="myDiv">
  <h2>This is a heading in a div element</h2>
  <p>This is some text in a div element.</p>
</div>

</body>
</html>

以下の「自分で試してみてください」の例をもっと見てください。


定義と使用法

タグは、HTMLドキュメントの<div>部門またはセクションを定義します。

タグはHTML要素の<div>コンテナとして使用されます。HTML要素はCSSでスタイル設定されるか、JavaScriptで操作されます。

タグは、<div>classまたはid属性を使用して簡単にスタイル設定できます。

<div> タグ の中にはどんな種類のコンテンツも入れることができます!

注:<div>デフォルトでは、ブラウザーは常に要素の前後に改行を入れ ます。


ブラウザのサポート

Element
<div> Yes Yes Yes Yes Yes

グローバル属性

この<div>タグは、HTMLのグローバル属性もサポートしています。


イベント属性

この<div>タグは、HTMLのイベント属性もサポートしています。


関連ページ

HTMLチュートリアル:HTMLブロックとインライン要素

HTMLチュートリアル:HTMLレイアウト

HTML DOMリファレンス:Divオブジェクト


デフォルトのCSS設定

ほとんどのブラウザは<div>、次のデフォルト値で要素を表示します。

div {
  display: block;
}