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

selector {
	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

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

p {
	text-align: justify;
	text-align-last: left;
}

Contoh . Nilai right

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

p {
	text-align: justify;
	text-align-last: right;
}

Contoh . Nilai center

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

p {
	text-align: justify;
	text-align-last: center;
}

Contoh . Nilai justify

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

p {
	text-align: justify;
	text-align-last: justify;
}