非推奨
この機能は Web 標準から削除されました。まだサポートしているプラウザがあるかもしれませんが、ゆくゆくはなくなるものです。新旧にかかわらず、プロジェクトでの使用をやめてください。この機能を使用するページ、Web アプリはいつ動かなくなってもおかしくありません。
概要
HTML のセンター要素 (<center>
)はブロックレベルの要素で段落や他のブロックレベルの要素やインライン要素を含むことができます。含んでいる要素の中の全体のコンテンツを水平方向にセンタリングします 。このタグは HTML 4 (及び XHTML)で非推奨要素に指定され、HTML5 で完全に廃止されています。代替として CSS の text-align
プロパティを用い、この属性値に center
を指定する事で同じ表現を実現可能です(※その際、対象とする要素のスタイルは display: block
等になっていなくてはなりません。インライン要素はテキストの中央寄せは出来ません)。ブロックをセンタリングするには margin-left
や margin-right
といった別の CSS プロパティを使用して、値に 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 text will be centered.<br> And so will this line.</p>
注記
text-align:center
はテキストを中央寄せにしますが、これは要素の横幅を狭めて実現しているものではありません。