Vlastnost text-align-last

Vlastnost text-align-last nastavuje zarovnání posledního řádku textu: k levému okraji, k pravému, na střed, k levému a pravému okraji současně.

Všimněte si, že pokud má prvek (například odstavec), pouze jeden řádek - pak je považován zároveň za první a poslední a jeho zarovnání bude takové, jaké je zadáno v text-align-last, a ne v text-align.

Syntaxe

cssselektor {
  text-align-last: center | left | right | justify | auto | start | end;
}

Hodnoty

Hodnota	Popis
`center`	Na střed.
`left`	K levému okraji.
`right`	K pravému okraji.
`justify`	Současně k pravému i k levému okraji.
`auto`	Nemění zarovnání prvku.
`start`	Rovno `left`, pokud text jde zleva doprava a `right`, když text jde zprava doleva (arabština atd.).
`end`	Rovno `right`, pokud text jde zleva doprava a `left`, když text jde zprava doleva.
`inherit`	Dědí hodnotu rodiče.

Výchozí hodnota: auto.

Příklad . Hodnota left

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: left;
}

Результат:

Příklad . Hodnota right

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: right;
}

Результат:

Příklad . Hodnota center

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: center;
}

Результат:

Příklad . Hodnota justify

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: justify;
}

Результат: