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