練習問題～文字位置の指定～

対象のテキストが要素ボックスの行全体に広がっていない場合に、水平方向での配置をキーワードで指定できる。
- start
  - 文字を行ボックスの先頭に揃えて配置（初期値）
- end
  - 文字を行ボックスの末尾に揃えて配置
- left
  - 文字を行ボックスの左端に揃えて配置
- right
  - 文字を行ボックスの右端に揃えて配置
- center
  - 文字を行ボックスの中心に配置
- justify
  - text-justify プロパティで指定された方法に従ってテキストを配置（下記 text-justify 参照）
- match-parent
  - inherit の指定と同様。
FireFox や Chrome、Safari では、新しい start、end のキーワードを使えます。
Internet Explorer や Opera では、end のキーワードの代わりに right で、同様に右揃えで表示できます。
CSS3では、例えば表のセルにおいて数値を小数点で揃えるなど（指定例： text-align: "." center）、配置の基準とする１文字を指定できるようになります。

例：

見出しを行末揃えにする（現状では FireFox や Chrome、Safari で有効）
- h3 {
- text-align : end;
- }

FireFox で表示

text-justify　行の両端揃えを指定する

text-align プロパティの値で、justify の場合、行の両端揃え（均等割り付け）の方法を選択します。
- auto　自動（ブラウザの設定による両端揃えの方法）（初期値）
- inter-word
  - 単語間の半角スペースを広げて行を両端揃えにする。英語や韓国語等。
- inter-ideograph
  - 漢字やひらがなの間を広げて行を両端揃えにする。日本語の文章向け。
- distribute
  - 単語間のスペースに加え、各文字の間隔を均等に広げて行を両端揃えにする。日本語の文章向け。
- none　行の両端揃えを行わない。

ビルダーでのスタイルの設定ダイアログ：

text-align のスタイル設定の詳細は、フォントとテキストに関するプロパティの text-align プロパティを参照します。

継続作品編集：　文字位置を指定する

➊ ページ index.html を開く。

➋ 次のように見出しの文字位置を［中央揃え］に変更してみる。

設定のガイド：
HTMLソースの <h1> タグに対して設定されているスタイルの編集をします。
見出しの文字列をクリック → ［スタイルシートエクスプレス］ → ［カーソル位置］ h1 が選択されているのを確認］ → 右クリック → ［タグ (h1) のスタイルを編集］ → スタイルの設定ダイアログ［文字のレイアウト］タブを表示して［水平方向の配置］で［中央］を選択します。