HTML リファレンス ...Wikiモドキ

http://www.usamimi.info/~geko/arch_web/arch_html/tag_center.xhtml

center要素

概要

内容を中央揃えにする要素。非推奨。

尚、left,right要素は存在しない。

要素仕様
バージョン HTML4.01(TF),XHTML1.0(TF)
開始/終了タグ 必須/必須
要素種 ブロック
非推奨 YES
必須 --
内容となるもの ブロック要素,インライン要素,テキスト

用例

center要素の用例

<center>
<p>テキストを中央揃えにする。</p>
<table border="1"><tr><td>表を中央揃えにする。</td></tr></table>
</center>

サンプルページ

補足:CSSでの代替例

center要素は非推奨であるため、スタイルシートでの定義が望まれる。ただし、スタイルシートを用いてcenter要素をただ模倣することはHTMLの思想に反する。

CSSによるテキストの中央揃え

インライン要素,テキストを揃えるにはCSSのtext-alignを用いる。

CSSによるテキストの中央揃え

head要素内。

<style type="text/css">
<!--
p.ce{ text-align:center; }
p.ri{ text-align:right; }
//-->
</style>

body要素内。

<p class="ce">テキストを中央揃えにする</p>
<p class="ri">テキストを右揃えにする</p>

サンプルページ2

CSSによる表の中央揃え

表などのブロック要素を揃えるには要素の左右のmargin(余白)の設定で行う。text-alignはインライン要素,テキストを揃えるためのものでCSSの仕様上ブロック要素を揃えるためのものではない。しかし、ブラウザによってはmarginでの設定が出来ず、逆にtext-alignで出来ることがあるため、全てのブラウザで表示できるよう、ここでは2つを併記することにする。また、内部の要素内も中央揃えにならないように、内部では左寄せを指定している。

CSSによる表の中央揃え

head要素内。

<style type="text/css">
<!--
div.ce{ text-align:center; }
table.ce{ margin-left:auto;margin-right:auto; }
table.ce td{ text-align:left; }
//-->
</style>

body要素内。

<div class="ce">
<table class="ce" border="1"><tr><td>CSSで表を中央揃えにする。</td></tr></table>
</div>

サンプルページ3

作成:2007/09/04 / 最終更新:2007/09/04

HTML4.01版/ XHTML1.1版/ XML原本