CSS3

プロパティ

text-align-last

→●、mdn

テキストの最後の行の整列。

このプロパティは、［ブロックの最後の行／強制行分断の前にある行右端］を整列する方法について述べる。

auto

影響される行上の内容は、text-align-all に従って整列される ― ただし、text-align-all が justify に設定されている場合に限り、start と同じく始端に整列される。他のすべての値は、text-align に述べるように解釈される。

<DIV style="font-size:20px; border:1px solid red; width:150px;
 text-align:end;
 text-align-last:auto;
">ab c def ghi jk<BR>ああ いい うううううう
</DIV>

start

<DIV style="font-size:20px; border:1px solid red; width:150px;
 text-align-all:end;
 text-align-last:start;
">ab c def ghi jk<BR>ああ いい うううううう
</DIV>

¶text-align-allが効かない

<DIV style="font-size:20px; border:1px solid red; width:150px;
 text-align:end;
 text-align-last:start;
">ab c def ghi jk<BR>ああ いい うううううう
</DIV>

end

<DIV style="font-size:20px; border:1px solid red; width:150px;
 text-align-last:end;
">ab c def ghi jk<BR>ああ いい うううううう
</DIV>

left

<DIV style="font-size:20px; border:1px solid red; width:150px;
 text-align:end;
 text-align-last:left;
">ab c def ghi jk<BR>ああ いい うううううう
</DIV>

right

<DIV style="font-size:20px; border:1px solid red; width:150px;
 text-align:left;
 text-align-last:right;
">ab c def ghi jk<BR>ああ いい うううううう
</DIV>

center

<DIV style="font-size:20px; border:1px solid red; width:150px;
 text-align:left;
 text-align-last:center;
">ab c def ghi jk<BR>ああ いい うううううう
</DIV>

justify

<DIV style="font-size:20px; border:1px solid red; width:150px;
 text-align:left;
 text-align-last:justify;
">ab c def ghi jk<BR>ああ いい うううううう
</DIV>

match-parent

→text-align

<DIV style="border:1px solid black;
 text-align-last:end;
">
 <DIV style="font-size:20px; border:1px solid red; width:150px;
  text-align:start;
  text-align-last:match-parent;
 ">ab c def ghi jk<BR>ああ いい うううううう
 </DIV>
</DIV>

¶text-align-last:match-parent; が無くても親のが継承されるようだ

<DIV style="border:1px solid black;
 direction:rtl;
">
 <DIV style="font-size:20px; border:1px solid red; width:150px;
  text-align-last:match-parent;
 ">ab c def ghi jk<BR>ああ いい うううううう
 </DIV>
</DIV>

テスト