cman.jpWEBページ作成
広告
<center> 「中央揃え」[読み方：センター]
<center>タグは、中央揃えを指定することが出来ます。
<center>はHTML5で廃止されました。<div>タグなどでスタイルシートの"text-align: cnter"を指定してください。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | ○(*1) | × |
(*1)DTDがStrictの場合は使用できない
広告
<center> の属性
【構文】
<center>～</center>
<center>タグのサンプル
<p>次の行から中央揃えされます</p>
<center>
<p>ここは中央揃えで表示されます</p>
<p><font size="+3">ここも中央揃えで表示されます</font><p>
<img src="http://www.cman.jp/QRcode/image/logo.gif">
</center>
<p>標準に戻ります</p>
<center>
<p>ここは中央揃えで表示されます</p>
<p><font size="+3">ここも中央揃えで表示されます</font><p>
<img src="http://www.cman.jp/QRcode/image/logo.gif">
</center>
<p>標準に戻ります</p>
次の行から中央揃えされます
ここは中央揃えで表示されます
ここも中央揃えで表示されます
標準に戻ります
代替タグのサンプル
HTML5でalign属性は廃止されました。スタイルシート（下記参照）を使用してください。
<p>次の行から中央揃えされます</p>
<div align="center">
<p>divタグで中央揃えで表示されます</p>
<p><font size="+3">divタグで中央揃えで表示されます</font><p>
<img src="http://www.cman.jp/QRcode/image/logo.gif">
</div>
<p>標準に戻ります</p>
<div align="center">
<p>divタグで中央揃えで表示されます</p>
<p><font size="+3">divタグで中央揃えで表示されます</font><p>
<img src="http://www.cman.jp/QRcode/image/logo.gif">
</div>
<p>標準に戻ります</p>
次の行から中央揃えされます
divタグで中央揃えで表示されます
divタグで中央揃えで表示されます
標準に戻ります
スタイルシート(CSS)を使用したサンプル
文字の中央揃えはスタイルシート（CSS）を使用することが推奨されています。
<p>次の行から中央揃えされます</p>
<div style="text-align: center;">
<p>スタイルシートでも中央揃えで表示されます</p>
<p><font size="+3">スタイルシートでも中央揃えで表示されます</font><p>
<img src="http://www.cman.jp/QRcode/image/logo.gif">
</div>
<p>標準に戻ります</p>
<div style="text-align: center;">
<p>スタイルシートでも中央揃えで表示されます</p>
<p><font size="+3">スタイルシートでも中央揃えで表示されます</font><p>
<img src="http://www.cman.jp/QRcode/image/logo.gif">
</div>
<p>標準に戻ります</p>
次の行から中央揃えされます
スタイルシートでも中央揃えで表示されます
スタイルシートでも中央揃えで表示されます
標準に戻ります
留意事項
- <center>タグはHTML5で廃止されました。<div>などとスタイルシートの組み合わせで指定してください。
| 関連するHTMLタグ | |
|---|---|
| div | 範囲指定（ブロック化） |
| 関連するCSS(STYLE) | |
|---|---|
| text-align | 横（水平）方向の文字位置 |
広告