center要素
Updated / Published
center
要素(center alignment)は要素内の内容の水平(左右)方向を中央揃えにします。テキストやインライン要素などのインライン内容だけでなく、横幅の指定されたブロックレベル要素も中央揃えにできます。div
要素のalign
属性に"center
"の値が指定されている場合と同じ表示効果です。
- バージョン
- HTML4.01(T,F)
- XHTML1.0(T,F)
- 要素分類
- ブロックレベル要素
- 開始タグ
- 必須
- 終了タグ
- 必須
- 非推奨
- 非推奨
- HTML4.01 strict 廃止
- XHTML1.0 strict 廃止
- XHTML1.1 廃止
- 内容モデル
center要素に指定できる属性
代替方法
center
要素はもともとNetscape Navigatorが独自に採用した機能で、簡単に全体を中央揃えにできる便利さから、その後多くのUAが続いて実装するようになり、さらには当時の慣習が成文化されたHTML 3.2においても正式に仕様として取り入れられました。
しかし、HTMLの原則に回帰する画期的なバージョンとなったHTML4の規格では非推奨に定義され、HTML4.01 Strict, XHTML1.0 Strict, XHTML1.1では廃止されました。また、HTML5においてもcenter
要素は廃止されました。
このため中央揃えの表示は CSSで代替指定します。インライン内容の中央揃えにはtext-align
プロパティ("text-align : center ;
")を、横幅の指定されたブロックレベル要素の中央揃えにはmargin
プロパティ("margin-left : auto ; margin-right : auto ;
")をそれぞれ指定して代替することができます。