1. Home
  2. HTMLタグ
  3. テキスト・フォントタグ
  4. 見出し+表示位置の指定

見出し+表示位置の指定


<h1 align=""></h1>

ブラウザ
IE
Fx
Sf
Cr
O
分類
ブロックレベル要素
非推奨属性
要素
h1-h6要素

h1-h6要素align="" を追加すると、内容の水平方向の表示位置を指定できます。



<h1 align="center">センターに配置する</h1>


属性 説明
align="" left 左寄せで表示
center 中央揃えで表示
right 右寄せで表示
justify 両端揃えで表示

上記の属性は、HTML 4.01では非推奨とされています。(Strict DTDでは使用できません)

【justifyの指定について】

複数行に渡る長い見出しの場合に、各行(最終行を除く)の右端が綺麗に揃うように単語間隔が自動的に調整されます。(英文などの場合に有効のようです)

メモ

この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。


使用例

■left、center、rightの指定例


<h1 align="left">h1で左寄せ</h1>
<h2 align="center">h2で中央揃え</h2>
<h3 align="right">h3で右寄せ</h3>

表示例

h1で左寄せ

h2で中央揃え

h3で右寄せ


■justifyの指定例


<h4 style="width: 40%; border: 1px #808080 solid;">
英文は単語の区切りで改行が ...
</h4>

<h4 align="justify" style="width: 40%; border: 1px #808080 solid;">
英文は単語の区切りで改行が ...
</h4>

表示例

※ブラウザの幅を動かすと違いが分かりやすいです。

英文は単語の区切りで改行が入るため、行末が綺麗に揃わない場合がありますが、justifyを指定しておくと綺麗に揃えることができます。The align attribute specifies the horizontal text alignment. The justify value adjust the spaces between the words to justify both left and right side.

英文は単語の区切りで改行が入るため、行末が綺麗に揃わない場合がありますが、justifyを指定しておくと綺麗に揃えることができます。The align attribute specifies the horizontal text alignment. The justify value adjust the spaces between the words to justify both left and right side.


ページの先頭へ


inserted by FC2 system