Ιδιότητα text-align-last

Η ιδιότητα text-align-last ορίζει τη στοίχιση της τελευταίας γραμμής κειμένου: αριστερά, δεξιά, στο κέντρο, ή δικαιολογημένη (justify) και στις δύο πλευρές ταυτόχρονα.

Παρατηρήστε ότι εάν σε ένα στοιχείο (για παράδειγμα, σε μια παράγραφο), υπάρχει μόνο μία γραμμή - τότε αυτή θεωρείται ταυτόχρονα πρώτη και τελευταία και η στοίχισή της θα είναι αυτή που ορίζεται στο text-align-last, και όχι στο text-align.

Σύνταξη

επιλογέας {
	text-align-last: center | left | right | justify | auto | start | end;
}

Τιμές

Τιμή	Περιγραφή
`center`	Στο κέντρο.
`left`	Αριστερά.
`right`	Δεξιά.
`justify`	Δικαιολογημένο (justify) και στις δύο πλευρές ταυτόχρονα.
`auto`	Δεν αλλάζει τη στοίχιση του στοιχείου.
`start`	Ισοδύναμο με `left`, εάν το κείμενο προχωρά από αριστερά προς τα δεξιά και `right`, όταν το κείμενο προχωρά από δεξιά προς τα αριστερά (π.χ. αραβική γλώσσα).
`end`	Ισοδύναμο με `right`, εάν το κείμενο προχωρά από αριστερά προς τα δεξιά και `left`, όταν το κείμενο προχωρά από δεξιά προς τα αριστερά.
`inherit`	Κληρονομεί την τιμή του γονέα.

Προεπιλεγμένη τιμή: auto.

Παράδειγμα . Τιμή 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;
}

Παράδειγμα . Τιμή 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;
}

Παράδειγμα . Τιμή 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;
}

Παράδειγμα . Τιμή 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;
}