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

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

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

Σύνταξη

cssεπιλογέας {
  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

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

Результат:

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

Результат:

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

Результат:

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

Результат: