Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

center 要素

非推奨
この機能は Web 標準から削除されました。まだサポートしているプラウザがあるかもしれませんが、ゆくゆくはなくなるものです。新旧にかかわらず、プロジェクトでの使用をやめてください。この機能を使用するページ、Web アプリはいつ動かなくなってもおかしくありません。

概要

HTML のセンター要素<center>)はブロックレベルの要素で段落や他のブロックレベルの要素やインライン要素を含むことができます。含んでいる要素の中の全体のコンテンツを水平方向にセンタリングします 。このタグは HTML 4 (及び XHTML)で非推奨要素に指定され、HTML5 で完全に廃止されています。代替として CSS の text-align プロパティを用い、この属性値に centerを指定する事で同じ表現を実現可能です(※その際、対象とする要素のスタイルは display: block 等になっていなくてはなりません。インライン要素はテキストの中央寄せは出来ません)。ブロックをセンタリングするには margin-leftmargin-right といった別の CSS プロパティを使用して、値に auto を設定します (または margin0 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 はテキストを中央寄せにしますが、これは要素の横幅を狭めて実現しているものではありません。

関連情報

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

 このページの貢献者: kamekame, yyss, ethertank, lmt_swallow
 最終更新者: kamekame,