廃止
この機能は廃止されました。まだいくつかのブラウザーで動作するかもしれませんが、いつ削除されてもおかしくないので、使わないようにしましょう。
廃止済みの 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>
要素に適用すると、そのコンテンツを中央揃えにしますが、コンテンツの寸法はどれも変更されません。
ブラウザー実装状況
BCD tables only load in the browser
このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。