text-align-last Özelliği

text-align-last özelliği, metnin son satırının hizalanmasını ayarlar: sol kenara, sağ kenara, ortaya veya hem sol hem sağ kenara aynı anda (iki yana yaslı).

Şuna dikkat edin: eğer bir öğede (örneğin, bir paragrafta) sadece bir satır varsa - bu satır aynı zamanda hem ilk hem de son satır olarak kabul edilir ve onun hizalaması, text-align'de değil, text-align-last'te belirtilen şekilde olacaktır.

Sözdizimi

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

Değerler

Değer	Açıklama
`center`	Ortaya hizala.
`left`	Sol kenara hizala.
`right`	Sağ kenara hizala.
`justify`	Hem sağ hem de sol kenara hizala (iki yana yasla).
`auto`	Öğenin hizalamasını değiştirmez.
`start`	Metin soldan sağa gidiyorsa `left`, sağdan sola gidiyorsa (Arapça vb.) `right` ile aynıdır.
`end`	Metin soldan sağa gidiyorsa `right`, sağdan sola gidiyorsa `left` ile aynıdır.
`inherit`	Ebeveynin değerini miras alır.

Varsayılan değer: auto.

Örnek . left Değeri

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

Результат:

Örnek . right Değeri

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

Результат:

Örnek . center Değeri

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

Результат:

Örnek . justify Değeri

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

Результат: