<center> センタリングする
取り扱い | 廃止された要素 |
カテゴリ |
なし |
親にできる要素 | フロー・コンテンツを受け入れる要素 |
子にできる要素 | フロー・コンテンツ |
対応ブラウザ | caniuseで確認 |
このタグは非推奨または廃止になりました。新しく作るウェブサイトへの使用は避けて下さい。また、既存のソースコードの中に含まれている場合は更新をお勧めします。詳しくは現行の標準仕様に従って下さい。
<center>タグの説明
<center>
は、文字列に限らずHTMLの各要素を中央揃え(センタリング)するために使われていましたが、既に廃止された要素です。
現在、見た目の整形はCSS(スタイルシート)で行うことが推奨されています。文字列を中央揃えにしたい場合は、text-align
プロパティを活用しましょう。ブロックレベル要素の横方向位置を調整するには、margin
プロパティが有効です。
<center>タグの特徴
- レイアウトの初期値はブロックレベルです。文章の改行に影響を与えます。
- 視覚的な効果は特に与えられませんが、この要素に含まれる内容を横方向の中央に寄せます。
- 同一のページ内に複数使うことができます。ただし、この要素自体を入れ子にしても意味はありません。
<center>に指定できる主な属性
- グローバル属性
- 全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。
- イベントハンドラ
- 全てのHTML要素に指定できるコンテンツ属性です。
<center>の使い方とサンプル
このタグは標準仕様から除外されたため、正常に機能しない場合があります。
HTML
<dev>文章の内容です。通常は左寄せで表示されます。</div>
<center>この内容をセンタリングします。</center>
<dev>文章の内容です。通常は左寄せで表示されます。</div>
表示確認
文章の内容です。通常は左寄せで表示されます。
文章の内容です。通常は左寄せで表示されます。
同じ効果を与えたい場合は、CSSで以下のように記述します。
HTML
<dev>文章の内容です。通常は左寄せで表示されます。</div>
<div style="text-align:center;">この内容をセンタリングします。</di>
<dev>文章の内容です。通常は左寄せで表示されます。</div>
表示確認
文章の内容です。通常は左寄せで表示されます。
この内容をセンタリングします。
文章の内容です。通常は左寄せで表示されます。