center要素
概要
内容を中央揃えにする要素。非推奨。
尚、left,right要素は存在しない。
| バージョン | HTML4.01(TF),XHTML1.0(TF) |
|---|---|
| 開始/終了タグ | 必須/必須 |
| 要素種 | ブロック |
| 非推奨 | YES |
| 必須 | -- |
| 内容となるもの | ブロック要素,インライン要素,テキスト |
用例
<center> <p>テキストを中央揃えにする。</p> <table border="1"><tr><td>表を中央揃えにする。</td></tr></table> </center>
属性
- その他
補足:CSSでの代替例
center要素は非推奨であるため、スタイルシートでの定義が望まれる。ただし、スタイルシートを用いてcenter要素をただ模倣することはHTMLの思想に反する。
- CSSによるテキストの中央揃え
-
インライン要素,テキストを揃えるにはCSSのtext-alignを用いる。
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>
- CSSによる表の中央揃え
-
表などのブロック要素を揃えるには要素の左右のmargin(余白)の設定で行う。text-alignはインライン要素,テキストを揃えるためのものでCSSの仕様上ブロック要素を揃えるためのものではない。しかし、ブラウザによってはmarginでの設定が出来ず、逆にtext-alignで出来ることがあるため、全てのブラウザで表示できるよう、ここでは2つを併記することにする。また、内部の要素内も中央揃えにならないように、内部では左寄せを指定している。
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>