CSS の text-align-last プロパティは、ブロックの最後の行、あるいは強制的な改行の直前の行をどのように配置するかを示します。

構文

/* キーワード値 */
text-align-last: auto;
text-align-last: start;
text-align-last: end;
text-align-last: left;
text-align-last: right;
text-align-last: center;
text-align-last: justify;

/* グローバル値 */
text-align-last: inherit;
text-align-last: initial;
text-align-last: unset;

auto
text-align の値と同じ方向に配置されます。ただし text-alignjustify である場合は、text-align-laststart を設定した場合と同じ効果になります。
start
文章の記述方向が左から右であれば left、右から左であれば right と同じです。
end
文章の記述方向が左から右であれば right、右から左であれば left と同じです。
left
インライン要素は行ボックスの左端に配置されます。
right
インライン要素は行ボックスの右端に配置されます。
center
インラインコンテンツは行ボックスの中央に配置されます。
justify
テキストは行末揃えになります。テキストは段落の左端から右端までに配置されるでしょう。

形式構文

auto | start | end | left | right | center | justify

p {
  font-size: 1.4em;
  text-align: justify;
  text-align-last: center;
}

仕様

仕様書 策定状況 コメント
CSS Text Module Level 3
text-align-last の定義
草案 初期定義
初期値auto
適用対象ブロックコンテナー
継承あり
メディア視覚
計算値指定値
アニメーションの種類個別
正規順序形式文法で定義される一意のあいまいでない順序

ブラウザー実装状況

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応

47

35 — 472

12

49

12 — 53 -moz-

あり3 4 あり なし5
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応

47

35 — 471

47

35 — 472

あり

49

14 — 53 -moz-

あり なし55.0

1. From version 35 until version 47 (exclusive): this feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true).

2. From version 35 until version 47 (exclusive): this feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true). To change preferences in Chrome, visit chrome://flags.

3. IE only supports text-align-last when text-align is set to justify.

4. The start and end values are not supported.

5. See WebKit bug 76173.

関連情報

ドキュメントのタグと貢献者

このページの貢献者: sutara79, yyss, Sebastianz, yuxxxx
最終更新者: sutara79,