text-align-last xususiyati

text-align-last xususiyati matnning so‘nggi qatorini tekislashni belgilaydi: chap chetga, o‘ng chetga, markazga, chap va o‘ng chetlarga bir vaqtning o‘zida.

Shuni e'tiborga olingki, agar elementda (masalan, abzatsda) faqat bitta qator bo‘lsa - u birinchi ham, so‘nggi ham hisoblanadi va uning tekislanishi text-align-last da belgilanganidek bo‘ladi, text-align da emas.

Sintaksis

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

Qiymatlar

Qiymat	Tavsif
`center`	Markazga.
`left`	Chap chetga.
`right`	O‘ng chetga.
`justify`	Bir vaqtning o‘zida ham chap, ham o‘ng chetga.
`auto`	Elementning tekislashini o‘zgartirmaydi.
`start`	`left` ga teng, agar matn chapdan o‘ngga yo‘nalgan bo‘lsa va `right` ga, agar matn o‘ngdan chapga yo‘nalgan bo‘lsa (arab tili va h.k.).
`end`	`right` ga teng, agar matn chapdan o‘ngga yo‘nalgan bo‘lsa va `left` ga, agar matn o‘ngdan chapga yo‘nalgan bo‘lsa.
`inherit`	Ota-ona qiymatini meros qilib oladi.

Standart qiymat: auto.

Misol . Left qiymati

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

Misol . Right qiymati

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

Misol . Center qiymati

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

Misol . Justify qiymati

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