CSS

The text-align-last property is a CSS property that specifies the horizontal position of the last line of text content.

text-align-last プロパティ

　text-align-lastプロパティは、テキストコンテンツの最後の行の水平方向の位置を指定する CSSプロパティです。このプロパティは、テキストコンテンツが２行以上ある場合にのみ効果を発揮します。この場合、text-alignプロパティと同じ値が適用されます。

　text-align-lastプロパティには、以下の値があります。

auto

テキストの最後の行の水平方向の位置を自動的に決定します。この場合、text-alignプロパティと同じ値が適用されます。（初期値）

left

テキストの最後の行を左寄せに配置します。

center

テキストの最後の行を中央に配置します。

right

テキストの最後の行を右寄せに配置します。

justify

テキストの最後の行を両橋揃えに配置します。ただし、この値は、テキストの方向が左から右の場合のみ有効です。

start

書字方向が左書きであれば left、右書きであれば rightと同じです。

end

書字方向が左書きであれば right、右書きであれば leftと同じです。

　以下は、text-align-lastプロパティを使用した例です。

p {
	text-align: justify;
	text-align-last: center;
}

　この場合、テキストの最後の行は中央に配置されます。

　text-align-lastプロパティは、特に、ブロック要素に適用することが多いです。ただし、インライン要素にも適用できます。

　また、text-align-lastプロパティは、現在のところ、すべてのブラウザで完全にサポートされているわけではありません。したがって、使用する場合は、ブラウザの互換性を確認することをお勧めします。

　最後の行のほかに、強制改行の直前の行や強制改行の直後の1行目についても、text-align-lastプロパティの指定が優先されます。

　text-alignプロパティの値が justify-all 以外の場合、text-align-lastプロパティの値は auto に設定されます。

Browser support