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
cssselettore {
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
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;
}
Результат:
Esempio . Valore 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;
}
Результат:
Esempio . Valore 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;
}
Результат:
Esempio . Valore 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;
}
Результат: