--- title: text-align-last slug: Web/CSS/text-align-last tags: - CSS - CSS Property - CSS テキスト - Experimental - Reference translation_of: Web/CSS/text-align-last ---
{{CSSRef}}

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

{{EmbedInteractiveExample("pages/css/text-align-last.html")}}

構文

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

形式文法

{{csssyntax}}

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

{{EmbedLiveSample('Example','560')}}

仕様書

仕様書 状態 備考
{{SpecName('CSS3 Text', '#text-align-last-property', 'text-align-last')}} {{Spec2('CSS3 Text')}} 初回定義
{{cssinfo}}

ブラウザーの互換性

{{Compat("css.properties.text-align-last")}}

関連情報