text-align-last հատկությունը

text-align-last հատկությունը սահմանում է տեքստի վերջին տողի հավասարեցումը` ձախ եզրին, աջ եզրին, կենտրոնում, կամ միաժամանակ և՛ ձախ, և՛ աջ եզրերին:

Ուշադրություն դարձրեք, որ եթե տարրում (օրինակ՝ պարբերությունում) կա միայն մեկ տող, ապա այն համարվում է և՛ առաջին, և՛ վերջին տող, և դրա հավասարեցումը կլինի այն, ինչ սահմանված է text-align-last-ում, և ոչ թե text-align-ում:

Շարահյուսություն

cssընտրիչ {
  text-align-last: center | left | right | justify | auto | start | end;
}

Արժեքներ

Արժեք	Նկարագրություն
`center`	Կենտրոնում:
`left`	Ձախ եզրին:
`right`	Աջ եզրին:
`justify`	Միաժամանակ և՛ աջ, և՛ ձախ եզրին:
`auto`	Չի փոխում տարրի հավասարեցումը:
`start`	Հավասար է `left`-ին, եթե տեքստը հոսում է ձախից աջ և `right`-ին, երբ տեքստը հոսում է աջից ձախ (արաբերեն և այլն):
`end`	Հավասար է `right`-ին, եթե տեքստը հոսում է ձախից աջ և `left`-ին, երբ տեքստը հոսում է աջից ձախ:
`inherit`	Ժառանգում է ծնողի արժեքը:

Լռելյայն արժեքը` auto:

Օրինակ . 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;
}

Результат:

Օրինակ . 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;
}

Результат:

Օրինակ . 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;
}

Результат:

Օրինակ . 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;
}

Результат: