MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

text-align-last

これは実験段階の機能です。
この機能は複数のブラウザーで開発中の状態にあります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザーの将来のバージョンで変更になる可能性があることに注意してください。

概要

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

初期値auto
適用対象ブロックコンテナ
継承継承する
メディアvisual
計算値指定値
Animation typediscrete
正規順序形式文法で定義される一意のあいまいでない順序

構文

/* キーワード値 */
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-lastleft を設定した場合と同じ効果になります。
start
文字の並びが左から右であれば left、右から左であれば right と同じです。
end
文字の並びが左から右であれば right、右から左であれば left と同じです。
left
インライン要素は行ボックスの左端に配置されます。
right
インライン要素は行ボックスの右端に配置されます。
center
インラインコンテンツは行ボックスの中央に配置されます。
justify
テキストは行末揃えになります。テキストは段落の左端から右端までに配置されるでしょう。

形式的構文

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

div {
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
}

仕様

仕様 状態 コメント
CSS Text Module Level 3
text-align-last の定義
草案 初期定義

ブラウザー実装状況

機能 Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 35[1]
47
(有) 12.0 (12.0)-moz
49.0 (49.0)[2]
5.5[3] 未サポート 未サポート[4]
機能 Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 未サポート[1] (有) 12.0 (12.0)-moz
49.0 (49.0)[2]
6.0[3] 未サポート 未サポート[1]

[1] chrome://flags の "試験運用版のウェブ プラットフォームの機能" フラグで有効化します。

[2] Gecko 53 (Firefox 53.0 / Thunderbird 53.0 / SeaMonkey 2.50) で、-moz 接頭辞付きのプロパティを削除しました。

[3] Internet Explorer は startend の値を サポートしていません。

[4] WebKit bug 76173 をご覧ください。

関連情報

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

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