Vlastnosť text-align-last

Vlastnosť text-align-last nastavuje zarovnanie posledného riadku textu: k ľavému okraju, k pravému, na stred, k ľavému a pravému okraju súčasne.

Všimnite si, že ak sa v elemente (napríklad v odseku) nachádza iba jeden riadok - potom sa považuje za prvý aj posledný a jeho zarovnanie bude také, ako je zadané v text-align-last, a nie v text-align.

Syntax

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

Hodnoty

Hodnota	Popis
`center`	Na stred.
`left`	K ľavému okraju.
`right`	K pravému okraju.
`justify`	Súčasne k pravému aj k ľavému okraju.
`auto`	Nemení zarovnanie elementu.
`start`	Rovná sa `left`, ak text ide zľava doprava a `right`, keď text ide sprava doľava (arabský jazyk atď.).
`end`	Rovná sa `right`, ak text ide zľava doprava a `left`, keď text ide sprava doľava.
`inherit`	Dedí hodnotu od rodiča.

Predvolená hodnota: auto.

Prí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;
}

Результат:

Prí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;
}

Результат:

Prí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;
}

Результат:

Prí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;
}

Результат: