Proprietà text-align-last
La proprietà text-align-last imposta
l'allineamento dell'ultima riga di testo: a
sinistra, a destra, al centro, o giustificato (sia a sinistra
che a destra contemporaneamente).
Nota che se in un elemento
(ad esempio, in un paragrafo) c'è solo una riga
- allora essa è considerata sia prima che
ultima e il suo allineamento sarà quello
impostato in text-align-last, e non
quello in text-align.
Sintassi
selettore {
text-align-last: center | left | right | justify | auto | start | end;
}
Valori
| Valore | Descrizione |
|---|---|
center |
Al centro. |
left |
A sinistra. |
right |
A destra. |
justify |
Giustificato (sia a destra che a sinistra). |
auto |
Non modifica l'allineamento dell'elemento. |
start |
Equivale a left se il testo scorre da sinistra a destra e a right,
quando il testo scorre da destra a sinistra (lingua araba, ecc.).
|
end |
Equivale a right se il testo scorre da sinistra a destra e a left,
quando il testo scorre da destra a sinistra.
|
inherit |
Eredita il valore dal genitore. |
Valore predefinito: auto.
Esempio . Valore 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;
}
:
Esempio . Valore 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;
}
:
Esempio . Valore 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;
}
:
Esempio . Valore 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;
}
: