English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML リファレンスマニュアル

HTML タグ一覧

HTML: <center>タグ

HTML Center 要素 ( <center>) はブロック要素であり、段落や他のブロックおよびインライン要素を含むことができます。この要素の全体の内容は、上位要素(通常は <body>)内で水平方向に中央に配置されます。

オンラインサンプル

HTML ページのテキストを水平方向に中央に配置する方法:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>基礎トレーニングウェブ(oldtoolbag.com)</title>/<title> 
</<head>
<body>
<center>This text will be centered.</center>
<p>このパラグラフも同じように配置されます。</p></center>
<div style="text-<center>align:center>This text will be centered.</center>
<p>このパラグラフも同じように配置されます。</p></div>
注意: div や p 要素に text-align:center により、これらの要素の内容が中央に配置され、全体のサイズが変更されません。
</body>
</html>
テストを見てみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが <center> タグをサポートしています。

タグの定義および使用方法

HTML5 HTML では <center> タグをサポートしていません。代わりに CSS を使用してください。

HTML 4.01 中、<center> 要素は廃止されました。

<center> タグは、含まれるテキストを水平方向に中央に配置します。

ヒントと注意

ヒント:CSS スタイルを使用してテキストを中央に配置してください!CSS タイプチュートリアルでさらに詳しい情報を学ぶことができます。テキストを中央に配置するの詳細。

HTML 4.01 HTML5の違い

HTML5 HTML では <center> タグをサポートしていません。 4.01 廃止された <center> タグ。

標準属性

HTML 4.01 中,<center> タグは以下の標準属性をサポートしています:

属性説明
classclassname指定元素的类名
dirrtl
ltr
指定元素中内容的文本方向
idid要素のユニークな id を指定する
langlanguage_code要素の内容の言語コードを指定する
stylestyle_definition要素のインラインスタイルを指定する
titletext要素の追加情報を指定する

詳細については、以下のサイトにアクセスしてください標準属性

イベント属性

HTML 4.01 中、<center> タグは以下のイベント属性をサポートしています:

属性説明
onclickscriptマウスがクリックされたときにスクリプトを実行する
ondblclickscriptマウスがダブルクリックされたときにスクリプトを実行する
onmousedownscriptマウスボタンが押されたときにスクリプトを実行する
onmousemovescriptマウスカーソルが移動したときにスクリプトを実行する
onmouseoutscriptマウスカーソルが要素から離れたときにスクリプトを実行する
onmouseoverscriptマウスカーソルが要素の上に乗ったときにスクリプトを実行する
onmouseupscriptマウスボタンがリリースされたときにスクリプトを実行する
onkeydownscriptキーボードが押されたときにスクリプトを実行する
onkeypressscriptキーボードが押され、リリースされたときにスクリプトを実行する
onkeyupscriptキーボードがリリースされたときにスクリプトを実行する

詳細については、以下のサイトにアクセスしてくださいイベント属性