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

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

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

Результат:

Misol . Right qiymati

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

Результат:

Misol . Center qiymati

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

Результат:

Misol . Justify qiymati

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

Результат: