4-13-8 文字の位置を設定

文字の位置を設定する方法です。text-alignプロパティを利用致します。(下記の見本では「body」部を全て一括で指定しております)。

<head> ~ </head> 内に記述して下さい。

<style type="text/css">
<!--
body {
text-align: left; /* 左寄せ */
}
-->
</style>

text-align: left ;
指定した項目を左寄せ致します。(これが初期値です)
text-align: right ;
指定した項目を右寄せ致します。
text-align: center ;
指定した項目を真ん中寄せ致します。

通常何も指定していなければ、自動的に左寄せ(left)されます。 画像や文章を左右に回り込ませる方法はfloatプロパティ を利用致します(二つ後の講座で説明しております)。

その他、特定のセレクタ(例:「body」、「p」等)に複数のプロパティ(「color」、「font-size」等)を設定する見本は 『4-9 見出しを修飾する』 をご覧下さい。


[ 関連事項 : HP-TIPS > CSS > 外部スタイルシートの記述方法 ]
[ 関連事項 : HP-TIPS > HPの作り方 > 用語集 > セレクタ ]
[ 関連事項 : HP-TIPS > HPの作り方 > 用語集 > プロパティ ]