CSStext -align-lastプロパティ

例

テキストの最後の行を3つの<div>要素に揃えます。

div.a {
text-align: justify; /* For Edge */
text-align-last: right;
}

div.b {
text-align: justify; /* For Edge */
text-align-last: center;
}

div.c {
text-align: justify; /* For Edge */
text-align-last: justify;
}

以下の「自分で試してみてください」の例をもっと見てください。

定義と使用法

このtext-align-lastプロパティは、テキストの最後の行を揃える方法を指定します。

text-align-lastプロパティは、選択した要素内の最後のすべての行の配置を設定することに注意してください。したがって、3つの段落を含む<div>がある場合は、text-align-last 各段落の最後の行に適用されます。コンテナの最後の段落でのみ使用するtext-align-last には、：lastchildを使用できます。以下の例を参照してください。

注： 79より前のEdgeでは、text-align-lastプロパティは「text-align：justify」を持つテキストでのみ機能します。

デフォルト値：	自動
遺伝性の：	はい
アニメート可能：	番号。アニメート可能について読む
バージョン：	CSS3
JavaScript構文：	object .style.textAlignLast = "right"

ブラウザのサポート

表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。

数字の後に-moz-が続く場合は、プレフィックスを使用して機能した最初のバージョンを指定します。

Property
text-align-last	47.0	5.5*	49.0 12.0 -moz-	Not supported	34.0

* Internet Explorer 11（およびそれ以前）では、「開始」および「終了」の値はサポートされていません。

CSS構文

プロパティ値

Value	Description	Play it
auto	Default value. The last line is justified and aligned left
left	The last line is aligned to the left
right	The last line is aligned to the right
center	The last line is center-aligned
justify	The last line is justified as the rest of the lines
start	The last line is aligned at the beginning of the line (left if the text-direction is left-to-right, and right is the text-direction is right-to-left)
end	The last line is aligned at the end of the line (right if the text-direction is left-to-right, and left is the text-direction is right-to-left)
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

その他の例

例

コンテナの最後の行にのみtext-align-lastを使用します。

div.b p:last-child {
text-align-last: center;
}

CSSリファレンス

CSS Properties