最終行の水平揃え

文字の最終行の水平位置揃えを行うには、text-align-lastプロパティを使用します。
なお、現状このプロパティを使用すると、(br要素などで)改行された箇所に対してもこの指定が別々に適用され、影響を与える場合があります。

【構文】

							text-align-last:キーワード;
						

指定可能なキーワード

キーワード 説明 初期値
auto 自動
start 開始位置揃え(初期の揃えと逆方向) -
end 終了位置揃え(初期の揃えと逆方向) -
left 左揃え -
right 右揃え -
center 中央揃え -
justify 両端揃え -

サンプル

auto
Lorem ipsum dolor sit amet, cons­ectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

start
Lorem ipsum dolor sit amet, cons­ectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

end
Lorem ipsum dolor sit amet, cons­ectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

left
Lorem ipsum dolor sit amet, cons­ectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

right
Lorem ipsum dolor sit amet, cons­ectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

center
Lorem ipsum dolor sit amet, cons­ectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

justify
Lorem ipsum dolor sit amet, cons­ectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

CSS3逆引きリファレンス一覧へ戻る