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

Результат: