center要素

説明

<center>-</center>　開始タグ:必須終了タグ:必須

center要素は、要素内容を中央揃えにする要素です。この要素は推奨されていません。
この記述は、<div align="center">-</div>と同じ意味を持ちます。この記述もまた、推奨されていません。

属性 (W3C)

<center (非推奨)

H3-x1 ie1- N1-

一般属性	id class style title lang dir %events;

>(%block;|%inline;)*</center>

使用例

センタリング

<center>センタリング</center>

センタリング

ブラウザの「互換モード」におけるセンタリングは、一般的にcenter要素、div要素などを用いて行います。


<center>

こんにちは　こんにちは　こんにちは　こんにちは

</center>


<div align="center">

こんにちは　こんにちは　こんにちは　こんにちは

</div>

ただし、<center>-</center>、<div align="center">-</div>は、HTMLの文法上非推奨なマーク付けとなります。

ブラウザの「標準モード」におけるセンタリングは、一般的にスタイルシートを用います。ブロック要素内のインライン要素に対してはtext-align:center、ブロック要素に対してはmargin:autoを用いて行います。


<div style="text-align:center">

こんにちは　こんにちは　こんにちは　こんにちは

</div>


<table border="1" style="margin:auto">

<tbody>

<tr><td>データ</td><td>データ</td></tr>

<tr><td>データ</td><td>データ</td></tr>

</tbody>

</table>

IEの「互換モード」では、margin:autoは無視されるのでブラウザの表示モードには十分注意を払ってください。

HTMLの文法上は大間違いになりますが、非推奨なマーク付けが基本的に無視される「標準モード」において、非推奨なマーク付けを禁止するStrictなDTDの宣言を行い、center要素、div要素によるセンタリングをマーク付けした際にも、IE6、IE7、N7においてセンタリングは行われます。

*1 本来的には、HTMLのバージョンを示す<!DOCTYPE>によって、マークアップ分けすべきです。

center要素 中央揃え (shorthand for DIV align=center)

説明

属性 (W3C)

使用例

センタリング

center要素中央揃え (shorthand for DIV align=center)