文字や文章、画像の行揃えを指定する
ホームページやブログなどのウェブサイトに HTML言語を使って 文字や文章、画像などを表示する際に、位置（行揃え）を指定することができます。ALIGN属性による指定、STYLEでの指定、専用タグでの指定（中央揃えのみ）などいろいろな方法があります。
ALIGN属性で指定する
<タグ名 align="行揃えの指定">～
</タグ名>
スタイル指定を使う
<タグ名 style="text-align:行揃えの指定">～
</タグ名>
専用タグを使用する（中揃えのみ）
<center>～</center>
- タグ名：P や DIV タグが一般的ですが、たいていのブロックタグが使用できます。
- 行揃えの指定：下記のキーワードで指定できます。
キーワード 行揃えの位置 left 左詰め center 中央揃え right 右詰め justify 均等配置
※均等配置とは、各行の先頭文字と末尾文字の位置を揃え、各行の文字を均等に配置するものです。
※この指定は、スタイル指定の場合のみ使用できます。
※この指定は、InternetExplorer にのみ有効です。サンプルソースです。
<div align="right"> この段落を alignオプションで、右詰めにします。 </div>
<center>この段落を centerタグで、中央揃えにします。 </center>
<div style="text-aglin:left"> この段落を style指定で、左詰めにします。 </div>
このソースを表示させると、次のようになります。
この段落を alignオプションで、右詰めにします。この段落を centerタグで、中央揃えにします。 この段落を style指定で、左詰めにします。
ランキングに参加中です! お役に立てたらクリックをお願いします→
同一カテゴリ内一覧
コンピュータとインターネット > データ形式 > HTML > リファレンス