<center>: 中央揃えテキスト要素
非推奨: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。
<center>
は HTML の要素で、中に含まれるブロックレベルまたはインラインコンテンツを中央揃えして表示するブロックレベル要素です。コンテナーはふつう <body>
ですが、必ずしもそうとは限りません。
このタグは HTML 4(および XHTML 1)で非推奨要素に指定され、CSS の text-align
プロパティを <div>
要素に適用するか、それぞれの <p>
要素に適用する方式が採用されました。ブロックを中央揃えするには、別な CSS プロパティである margin-left
および margin-right
など用いて、値を auto
に設定してください(または、 margin
を 0 auto
に設定してください)。
DOM インターフェイス
この要素は HTMLElement
インターフェイスを実装しています。
例 1
html
<center>
This text will be centered.
<p>So will this paragraph.</p>
</center>
結果
例 2 (CSS での方法)
html
<div style="text-align:center">
This text will be centered.
<p>So will this paragraph.</p>
</div>
結果
例 3 (CSS での方法)
html
<p style="text-align:center">
This line will be centered.<br />
And so will this line.
</p>
結果
メモ: text-align
:center
を <div>
または <p>
要素に適用すると、そのコンテンツを中央揃えにしますが、コンテンツの寸法はどれも変更されません。
仕様書
Specification |
---|
HTML Standard # center |
ブラウザーの互換性
BCD tables only load in the browser