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

文字や文章、画像の行揃えを指定する

ホームページやブログなどのウェブサイトに HTML言語を使って 文字や文章、画像などを表示する際に、位置(行揃え)を指定することができます。ALIGN属性による指定、STYLEでの指定、専用タグでの指定(中央揃えのみ)などいろいろな方法があります。

ALIGN属性で指定する
<タグ名 align="行揃えの指定"></タグ名>
スタイル指定を使う
<タグ名 style="text-align:行揃えの指定"></タグ名>
専用タグを使用する(中揃えのみ)
<center></center>
  1. タグ名:P や DIV タグが一般的ですが、たいていのブロックタグが使用できます。
  2. 行揃えの指定:下記のキーワードで指定できます。
    キーワード行揃えの位置
    left左詰め
    center中央揃え
    right右詰め
    justify均等配置
    ※均等配置とは、各行の先頭文字と末尾文字の位置を揃え、各行の文字を均等に配置するものです。
    ※この指定は、スタイル指定の場合のみ使用できます。
    ※この指定は、InternetExplorer にのみ有効です。

サンプルソースです。

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

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

この段落を alignオプションで、右詰めにします。
この段落を centerタグで、中央揃えにします。
この段落を style指定で、左詰めにします。

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
フィールド指定して文章を枠で囲む
文字や文章、画像の行揃えを指定する
文章や文字、画像を囲む枠の太さ、色、種類をまとめて指定する
文章や文字、画像を囲む枠の種類を指定する
文字や文章、画像を囲む枠の色を指定する
文章や文字、画像を枠で囲む
マージンとパディングの違い
余白を入れる(パディング)
余白を入れる(マージン)
改行する/改行を禁止する
文章の背景色、背景画像、配置方法をまとめて指定する
文字や文章、テーブルなどの背景画像の位置を指定する
文章の背景に画像を固定表示する
文章の背景に指定した画像を繰返し表示する
段落文章の横幅を指定する
文章の行間隔を指定する
文章の背景画像を指定する
文章の背景色を指定する
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス