Lastnost text-align-last
Lastnost text-align-last določa
poravnavo zadnje vrstice besedila: na
levem robu, na desnem robu, na sredini, hkrati na levem
in desnem robu.
Bodite pozorni na to, da če je v elementu
(na primer v odstavku), samo ena vrstica
- potem se šteje hkrati za prvo in
zadnjo vrstico in njena poravnava bo taka,
kot je določena v text-align-last, ne pa
v text-align.
Sintaksa
cssselektor {
text-align-last: center | left | right | justify | auto | start | end;
}
Vrednosti
| Vrednost | Opis |
|---|---|
center |
Na sredino. |
left |
Na levi rob. |
right |
Na desni rob. |
justify |
Hkrati na levi in desni rob. |
auto |
Ne spremeni poravnave elementa. |
start |
Enako left, če besedilo teče od leve proti desni, in right,
ko besedilo teče od desne proti levi (arabščina in podobno).
|
end |
Enako right, če besedilo teče od leve proti desni, in left,
ko besedilo teče od desne proti levi.
|
inherit |
Podeduje vrednost starševskega elementa. |
Privzeta vrednost: auto.
Primer . Vrednost 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;
}
Результат:
Primer . Vrednost 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;
}
Результат:
Primer . Vrednost 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;
}
Результат:
Primer . Vrednost 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;
}
Результат: