Eienskap text-align-last

Die eienskap text-align-last stel die belyning van die laaste reël teks in: na die linkerkant, na die regterkant, in die middel, na beide die linker- en regterkante gelyktydig.

Let daarop dat as 'n element (bv. 'n paragraaf) slegs een reël het - dan word dit as beide die eerste en laaste reël beskou en die belyning sal wees soos gestel in text-align-last, en nie soos in text-align nie.

Sintaksis

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

Waardes

Waarde	Beskrywing
`center`	In die middel.
`left`	Na die linkerkant.
`right`	Na die regterkant.
`justify`	Gelyktydig na beide die regter- en linkerkant.
`auto`	Verander nie die belyning van die element nie.
`start`	Gelyk aan `left` as teks van links na regs gaan en aan `right`, wanneer teks van regs na links gaan (Arabies en so aan).
`end`	Gelyk aan `right` as teks van links na regs gaan en aan `left`, wanneer teks van regs na links gaan.
`inherit`	Eref die waarde van die ouer.

Standaardwaarde: auto.

Voorbeeld . Waarde 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;
}

Voorbeeld . Waarde 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;
}

Voorbeeld . Waarde 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;
}

Voorbeeld . Waarde 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;
}