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の作り方 > 用語集 > プロパティ ]