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;
}