bodyの使い方についてまとめ

bodyの概要

HTML文書をコンテンツ化する要素です。body要素は文書中に一つだけ配置することができます。

bodyのカテゴリー

コンテンツカテゴリー

  • コンテンツカテゴリなし

bodyに入れられるタグ一覧

タグ早見表

a abbr address area article aside audio b bdi bdo blockquote br button canvas cite code data datalist del details dfn dialog div dl em embed fieldset figure footer form h1 h2 h3 h4 h5 h6 header hgroup hr i iframe img input ins kbd keygen label link main map mark math menu meta meter nav noscript object ol output p picture pre progress q ruby s samp script section select slot small span strong sub sup svg table template textarea time u ul var video wbr テキスト など

入れられるタグのカテゴリー・モデル

bodyに使える属性

属性とは<body> タグ内に入れることのできるものです。属性をあてはめることにより、CSS・JavaScriptなどで操作する際に識別させることが可能になります。

よく使うグローバル属性

id 概要 要素に対してID固有の識別名を付けることができます。
属性の値 英字から始まる英数字
class 概要 要素に対して分類名を付けることができます。
属性の値 英字から始まる英数字
style 概要 要素に対して直接スタイルを指定することができます。
属性の値 スタイルシートのコード
グローバル属性一覧はこちら

bodyで使えるその他属性（非推奨）

text 概要 ページ全体のフォントの色を設定する属性ですが、CSSのcolor プロパティで指定しましょう
background 概要 ページ全体の背景画像を設定する属性ですが、CSSのbackground プロパティで指定しましょう
bgcolor 概要 ページ全体の背景色を設定する属性ですが、CSSのbackground プロパティで指定しましょう
bgcolor 概要 ページ全体の背景色を設定する属性ですが、CSSのbackground プロパティで指定しましょう
link 概要 ページ全体の未訪問リンクの色を設定する属性ですが、CSSの:link 疑似クラスでcolor プロパティを使い指定しましょう
alink 概要 ページ全体のクリックした瞬間のリンクの色を設定する属性ですが、CSSの:active 疑似クラスでcolor プロパティを使い指定しましょう
vlink 概要 ページ全体の訪問済リンクの色を設定する属性ですが、CSSの:visited 疑似クラスでcolor プロパティを使い指定しましょう
topmargin 概要 ページ上部の余白を設定する属性ですが、CSSのmargin プロパティを使い指定しましょう
bottommargin 概要 ページ下部の余白を設定する属性ですが、CSSのmargin プロパティを使い指定しましょう
rightmargin 概要 ページ右側の余白を設定する属性ですが、CSSのmargin プロパティを使い指定しましょう
leftmargin 概要 ページ左側の余白を設定する属性ですが、CSSのmargin プロパティを使い指定しましょう
marginheight 概要 ページ上下の余白を設定する属性ですが、CSSのmargin プロパティを使い指定しましょう
marginwidth 概要 ページ左右の余白を設定する属性ですが、CSSのmargin プロパティを使い指定しましょう

スポンサードサーチ

bodyの使い方



ブラウザ対応状況

ブラウザの対応（PC)
Chrome あり
Safari あり
Internet Explorer あり
Edge あり
Firefox あり
Opera あり
ブラウザの対応（SP)
Chrome あり
Safari あり
Samsung Internet あり