<center>: 文字列の中央揃え要素 (廃止)

ジャンプ先:
  1. DOM インタフェース
  2. 例1
  3. 例2 （CSSでの方法）
  4. メモ
  5. ブラウザー実装状況
  6. 関連情報

廃止
この機能は廃止されました。まだいくつかのブラウザーで動作するかもしれませんが、いつ削除されてもおかしくないので、使わないようにしましょう。

廃止済みの HTML の中央揃え要素 (<center>) は、中に含まれるブロックレベルまたはインラインコンテンツを中央揃えして表示するブロックレベル要素です。コンテナーはふつう <body> ですが、必ずしもそうとは限りません。

このタグは HTML 4 (及び XHTML 1) で非推奨要素に指定され、 CSS の text-align プロパティを <div> 要素に適用するか、それぞれの <p> 要素に適用する方式が採用されました。ブロックを中央揃えするには、別な CSS プロパティである margin-left および margin-right など用いて、値を auto に設定してください（または、 margin を 0 auto に設定してください）。

DOM インタフェース

この要素は HTMLElement インタフェースを実装しています。

実装メモ: Gecko 1.9.2 以前 (Firefox) は、この要素に HTMLSpanElement インタフェースを実装しています。

例1

<center>This text will be centered.
<p>So will this paragraph.</p></center>

例2 （CSSでの方法）

<div style="text-align:center">This text will be centered.
<p>So will this paragraph.</p></div>

例3 （CSSでの方法）

<p style="text-align:center">This line will be centered.<br>
And so will this line.</p>

メモ

text-align:center を <div> または <p> 要素に適用すると、そのコンテンツを中央揃えにしますが、コンテンツの寸法はどれも変更されません。

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
center
非推奨
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 あり
補足
完全対応 あり
補足
補足 Before Firefox 4, this element implemented the HTMLSpanElement interface instead of the standard HTMLElement interface.
IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 あり
補足
完全対応 あり
補足
補足 Before Firefox 4, this element implemented the HTMLSpanElement interface instead of the standard HTMLElement interface.
Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。
実装ノートを参照してください。
実装ノートを参照してください。

関連情報

ドキュメントのタグと貢献者

タグ: 
このページの貢献者: mdnwebdocs-bot, mfuji09, kamekame, yyss, ethertank, lmt_swallow
最終更新者: mdnwebdocs-bot,