Sifat text-align-last

Sifat text-align-last menetapkan penjajaran baris terakhir teks: pada sisi kiri, pada sisi kanan, di tengah, pada sisi kiri dan kanan secara serentak.

Perhatikan bahawa jika dalam elemen (contohnya, dalam perenggan), hanya ada satu baris - maka ia dianggap sebagai baris pertama dan terakhir secara serentak dan penjajarannya akan seperti yang ditetapkan dalam text-align-last, bukannya dalam text-align.

Sintaks

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

Nilai

Nilai	Keterangan
`center`	Di tengah.
`left`	Pada sisi kiri.
`right`	Pada sisi kanan.
`justify`	Serentak pada sisi kanan dan kiri.
`auto`	Tidak mengubah penjajaran elemen.
`start`	Sama dengan `left` jika teks mengalir dari kiri ke kanan dan `right`, apabila teks mengalir dari kanan ke kiri (bahasa Arab dan sebagainya).
`end`	Sama dengan `right` jika teks mengalir dari kiri ke kanan dan `left`, apabila teks mengalir dari kanan ke kiri.
`inherit`	Mewarisi nilai induk.

Nilai lalai: auto.

Contoh . Nilai 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;
}

Результат:

Contoh . Nilai 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;
}

Результат:

Contoh . Nilai 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;
}

Результат:

Contoh . Nilai 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;
}

Результат: