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

Результат: