Хосияти 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;
}

Результат: