CSS3: text-align-last プロパティ - 最後の行の揃え位置

■ 概要

項　　目説　　明
記述形式 セレクタ {text-align-last: 値 }
値 の形式 auto，start，end，left，right，center，justify
初 期 値 auto
対応ブラウザー C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
適用可能な要素 ブロック・コンテナ
継　　承 する

■ 解説

text-align-lastプロパティ は，強制的な改行直前の最後の行の揃え位置を指定します。

もし，その行がそのブロックで最初の行であるか，強制的な改行直後の行である場合は，text-alignプロパティ で，値: start end により第１行目の揃え位置について明確な指定がある場合を除いて，text-alignプロパティ より text-align-lastプロパティ が優先されます。

値: auto が指定された場合，text-alignプロパティ の値が justify 以外であれば，text-alignプロパティ の指定に従って揃えが行われます。　その他の値の意味は，text-alignプロパティ のときと同様です。

指定できる値の形式は，以下のとおりです。

値説　　明
auto text-alignプロパティ の指定に従って揃えます。　（上の解説を参照）
start 行の開始端揃えにします。
end 行の終了端揃えにします。
left 左揃えにします。
right 右揃えにします。
center 中央揃えにします。
justify 均等割付にします。

■ 使用例（ text-align-lastプロパティの利用）

HTMLソース
CSS
<head> ～ </head>		 
<style type="text/css">
<!--
   div.tal0 { text-align-last: left; }
   div.tal1 { text-align-last: center; }
   div.tal2 { text-align-last: right; }
   div.tal3 { text-align-last: justify; }
-->
</style>
HTML
<body> ～ </body>		 
<div class="tal0">
  左揃え
  <br>２行目
</div>

<div class="tal1">
  中央揃え
  <br>２行目
</div>

<div class="tal2">
  右揃え
  <br>２行目
</div>     

<div class="tal3">
  均等割付
  <br>２行目
</div>

ブラウザー 表示例　（未対応のブラウザーでは正しく表示されません）
左揃え
２行目
中央揃え
２行目
右揃え
２行目
均等割付
２行目

■ 備考

【参考ページ】