text-align-last CSS3

text-align-last は、ブロックの最後の行や強制改行の前の 行右端をどのように整列させるかを示します。 行がブロックの最初の行または強制改行後の最初の行である場合、text-align-last が text-align-all よりも優先されます。 auto を指定すると、text-align が justify 以外は 影響を受ける行の内容は text-align の指定に従います。この場合、start 揃えになります。 他のすべての値は text-align と同じ意味を持ちます。

名前:text-align-last
値: auto | start | end | left | right | center | justify
初期値:auto
適用対象:ブロックコンテナ
継承:する
パーセンテージ:n/a
メディア:visual（視覚的）
計算値:as specified（指定通り）
正規順序:n/a
アニメーション:discrete（離散的）

Value（値）

auto
初期値 「text-align」プロパティの指定に従う
start
文字の開始側に揃える
end
文字の終了側に揃える
left
左寄せ
right
右寄せ
center
センタリング
justify
均等割付（「text-justify」のページを参照）

HTML source

<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <style>
   p.test1 { text-align-last: auto; }
   p.test2 { text-align: justify; text-align-last: auto; }
   p.test3 { text-align-last: start; }
   p.test4 { text-align-last: end; }
   p.test5 { text-align-last: left; }
   p.test6 { text-align-last: right; }
   p.test7 { text-align-last: center; }
   p.test8 { text-align-last: justify; }
  </style>
 </head>
 <body>
   <p class="test1">auto 初期値 …</p>
   <p class="test2">auto justify 初期値と均等割付 …</p>
   <p class="test3">start 開始 …</p>
   <p class="test4">end 終了 …</p>
   <p class="test5">left 左寄せ …</p>
   <p class="test6">right 右寄せ …</p>
   <p class="test7">center 中央揃え …</p>
   <p class="test8">justify 均等割付 …</p>
 </body>
</html>

display

auto 初期値 auto 初期値 auto 初期値 auto 初期値 auto 初期値

auto justify 初期値と均等割付 auto justify 初期値と均等割付

start 開始 start 開始 start 開始 start 開始 start 開始 start 開始

end　終了 end　終了 end　終了 end　終了 end　終了 end　終了

left 左寄せ left 左寄せ left 左寄せ left 左寄せ left 左寄せ

right 右寄せ right 右寄せ right 右寄せ right 右寄せ right 右寄せ

center 中央揃え center 中央揃え center 中央揃え center 中央揃え

justify 均等割付 justify 均等割付 justify 均等割付 justify 均等割付

上に戻る