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
適用対象ブロックコンテナー
継承あり
メディア視覚
計算値指定値
アニメーションの種類個別
正規順序形式文法で定義される一意のあいまいでない順序

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応
実験的
Chrome 完全対応 47
完全対応 47
未対応 35 — 47
無効
無効 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.
Edge 完全対応 12Firefox 完全対応 49
完全対応 49
未対応 12 — 53
接頭辞付き
接頭辞付き -moz- のベンダー接頭辞が必要
IE 部分対応 一部
補足
部分対応 一部
補足
補足 IE only supports text-align-last when text-align is set to justify.
補足 The start and end values are not supported.
Opera 完全対応 ありSafari 未対応 なし
補足
未対応 なし
補足
補足 See WebKit bug 76173.
WebView Android 完全対応 47
完全対応 47
未対応 37 — 47
無効
無効 From version 37 until version 47 (exclusive): this feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true).
Chrome Android 完全対応 47
完全対応 47
未対応 35 — 47
無効
無効 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.
Edge Mobile 完全対応 ありFirefox Android 完全対応 49
完全対応 49
未対応 14 — 53
接頭辞付き
接頭辞付き -moz- のベンダー接頭辞が必要
Opera Android 完全対応 ありSafari iOS 未対応 なし
補足
未対応 なし
補足
補足 See WebKit bug 76173.
Samsung Internet Android 完全対応 5.0

凡例

完全対応  
完全対応
部分対応  
部分対応
未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。
使用するには、ベンダー接頭辞または異なる名前が必要です。
使用するには、ベンダー接頭辞または異なる名前が必要です。

関連情報

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

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