TOPページ >  文章を修飾する(背景色、画像、枠など...) > 段落文章の行揃えを指定する

段落文章の行揃えを指定する

ブロックタグの align オプションで、段落文章の行揃えを指定することができます。

<タグ名 align="行揃えの指定">
行揃えを指定する文章
</タグ名>
  1. タグ名: <p>や<div>、<span>などが一般的ですが、他にも下記のタグが使用できます。
    ■ブロックタグ  bodyaddressblockquotedivdirdlformh1~h6menuolpreplaintexttableulxmp
  2. 行揃えの指定: 下記のキーワードで指定できます。
    キーワード 行揃えの位置
    left 左詰め   InternetExplorer3 Netscape2
    center 中央揃え InternetExplorer3 Netscape2
    right 右詰め   InternetExplorer3 Netscape2
    justify 均等配置 InternetExplorer3
    ※均等配置とは、各行の先頭文字と末尾文字の位置を揃え、各行の文字を均等に配置するものです。

中央揃えの場合のみ、専用タグ <center>も用意されています。下記のような形式になります。

InternetExplorer3 Netscape2
<center> 中揃えにする文章 </center>

style 指定で行揃えをコントロールすることもできます。

<タグ名 style="text-align:行揃えの指定">
行揃えを指定する文章
</タグ名>
  1. タグ名: <p>や<div>、<span>などが一般的ですが、他にも下記のタグが使用できます。
    ■ブロックタグ  bodyaddressblockquotedivdirdlformh1~h6menuolpreplaintexttableulxmp
  2. 行揃えの指定: 下記のキーワードで指定できます。
    キーワード 行揃えの位置
    left 左詰め   InternetExplorer3 Netscape4
    center 中央揃え InternetExplorer3 Netscape4
    right 右詰め   InternetExplorer3 Netscape4
    justify 均等配置 InternetExplorer5
    ※均等配置とは、各行の先頭文字と末尾文字の位置を揃え、各行の文字を均等に配置するものです。

<div style="text-align:center">
この段落を、中央揃えにします。
</div>


サンプルソースです。

<div aligin="right"> この段落を alignオプションで、右詰めにします。 </div>
<center>この段落を centerタグで、中央揃えにします。 </center>
<div style="text-aglin:left"> この段落を style指定で、左詰めにします。 </div>

このソースを表示させると、次のようになります。

トラックバック

このエントリーのトラックバックURL:
http://www.appelle.jp/mt/mt-tb.cgi/114

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)