Properti text-align-last

Properti text-align-last mengatur perataan baris terakhir teks: ke sisi kiri, ke kanan, ke tengah, ke kiri dan kanan secara bersamaan.

Perhatikan bahwa jika dalam elemen (misalnya, dalam paragraf), hanya ada satu baris - maka itu dianggap sekaligus sebagai baris pertama dan terakhir dan perataannya akan seperti yang ditetapkan dalam text-align-last, bukan dalam text-align.

Sintaks

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

Nilai

Nilai	Keterangan
`center`	Ke tengah.
`left`	Ke sisi kiri.
`right`	Ke sisi kanan.
`justify`	Secara bersamaan ke kanan dan ke kiri.
`auto`	Tidak mengubah perataan elemen.
`start`	Sama dengan `left` jika teks mengalir dari kiri ke kanan dan `right`, ketika teks mengalir dari kanan ke kiri (bahasa Arab, dll.).
`end`	Sama dengan `right` jika teks mengalir dari kiri ke kanan dan `left`, ketika teks mengalir dari kanan ke kiri.
`inherit`	Mewarisi nilai dari induk.

Nilai default: 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;
}

Результат: