備忘録的プログラミングリファレンス

text-align-lastプロパティ

　text-align-lastプロパティは、最後に表示される行の水平方向の配置を指定するプロパティです。値には、左寄せ、中央寄せ、右寄せがあります。最終行は自動で認識されます。

最後の行を中央に寄せる
text-align：justify
text-align-last: center;

　Edge、Internet Explorerでは、text-align-lastプロパティはtext-align：justifyが設定してある場合に機能します。

関連プロパティ

　以下はテキスト配置に関連するプロパティです。

letter-spacing文字間隔
line-heightテキストの行間
overflow-wrap単語がエレメント内に入りきらない場合の設定
tab-sizeタブのサイズ
text-align右寄せ、中央寄せ、左寄せ
text-combine-upright縦書きにおける算用数字（アラビア数字）の配置
text-indent最初の行頭の字下げ幅
text-justify両端揃えにおける単語、文字の間隔
text-overflowエレメントからテキストがはみ出る場合の表記
vertical-alignテキストの上下位置、上付き、下付き
white-spaceホワイトスペース（複数の半角スペース、タブ）や改行の表示方法
word-breakエレメントの領域をはみ出るテキストの折り返し
word-spacing単語と単語の間の空白を調整
word-wrapoverflow-wrapプロパティの別名

　このプロパティは継承されるために、すべての子エレメントの最後の行に適用されます。 もし、段落に関係なくエレメント中の最後の行だけに適用したい場合は、擬似クラス:last-childを使って最後のエレメントにtext-align-lastプロパティを指定します。

構文(Syntax)

CSS

text-align-last: auto | left | right | center | justify | start | end | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.textAlignLast;
値の設定
object.style.textAlignLast="auto | left | right | center | justify | start | end | initial | inherit";

値（Values）

Value摘要
auto初期値（default値）
left左寄せ
right右寄せ
center中央寄せ
justify均等割り
start記述方向の先頭に寄せる
end記述方向の最後尾に寄せる
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考（Remarks）

初期値（Default value）auto
継承（Inherited）Yes
CSS AnimationNo

Example

　text-align-lastの例です。最後に表示される行が指定値に配置されます。

　最後の行として表示されるようにエレメントの幅を300pxに設定してあります。最終行は自動で認識されます。