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

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

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