text-align-last сипаттамасы

text-align-last сипаттамасы мәтіндің соңғы жолының туралауын орнатады: сол жақ, оң жақ, ортасы, сол және оң жақтары бір уақытта.

Элементте (мысалы, абзацта) тек бір жол болса, онда ол бірінші және соңғы жол ретінде саналатынына назар аударыңыз - және оның туралауы text-align-last-та орнатылғандай болады, text-align-та емес.

Синтаксис

селектор {
	text-align-last: center | left | right | justify | auto | start | end;
}

Мәндері

Мәні	Сипаттамасы
`center`	Ортасы бойынша.
`left`	Сол жағы бойынша.
`right`	Оң жағы бойынша.
`justify`	Бір уақытта да оң жағы, да сол жағы бойынша.
`auto`	Элементтің туралауын өзгертпейді.
`start`	`left`-ке тең, егер мәтін солдан оңға қарай жүрсе және `right`-ке, егер мәтін оңнан солға қарай жүрсе (араб тілі және т.б.).
`end`	`right`-ке тең, егер мәтін солдан оңға қарай жүрсе және `left`-ке, егер мәтін оңнан солға қарай жүрсе.
`inherit`	Ата-ананың мәнін мұралайды.

Әдепкі мән: auto.

Мысал . left мәні

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

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

Мысал . right мәні

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

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

Мысал . center мәні

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

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

Мысал . justify мәні

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

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