Xüsusiyyət text-align-last

Xüsusiyyət text-align-last mətnin son sətrinin düzləndirilməsini təyin edir: sol kənara, sag kənara, mərkəzə, həm sol həm də sag kənarlara eyni zamanda.

Nəzərə alın ki, əgər elementdə (məsələn, abzasda) yalnız bir sətir varsa - o, həm birinci həm də son sətir hesab olunur və onun düzləndirilməsi text-align-last-da təyin olundugu kimi olacaq, text-align-da deyil.

Sintaksis

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

Dəyərlər

Dəyər	Təsvir
`center`	Mərkəzə.
`left`	Sol kənara.
`right`	Sag kənara.
`justify`	Həm sag həm də sol kənarlara eyni zamanda.
`auto`	Elementin düzləndirilməsini dəyişmir.
`start`	`left`-ə bərabərdir, əgər mətn soldan saga gedirsə və `right`-ə, əgər mətn sagdan sola gedirsə (ərəb dili və s.).
`end`	`right`-ə bərabərdir, əgər mətn soldan saga gedirsə və `left`-ə, əgər mətn sagdan sola gedirsə.
`inherit`	Valideynin dəyərini miras alır.

Susmaya görə dəyər: auto.

Nümunə . Left dəyəri

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

Результат:

Nümunə . Right dəyəri

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

Результат:

Nümunə . Center dəyəri

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

Результат:

Nümunə . Justify dəyəri

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

Результат: