Svojstvo text-align-last
Svojstvo text-align-last postavlja
poravnanje poslednje linije teksta:
levoj ivici, desnoj ivici, centru, ili istovremeno
levoj i desnoj ivici.
Obratite pažnju na to da ako u elementu
(na primer, u pasusu), postoji samo jedna linija
- onda se ona smatra i prvom i
poslednjom i poravnanje će joj biti ono
koje je zadato u text-align-last, a ne
u text-align.
Sintaksa
selektor {
text-align-last: center | left | right | justify | auto | start | end;
}
Vrednosti
| Vrednost | Opis |
|---|---|
center |
Centrirano. |
left |
Levoj ivici. |
right |
Desnoj ivici. |
justify |
Istovremeno i levoj i desnoj ivici. |
auto |
Ne menja poravnanje elementa. |
start |
Jednako left, ako tekst ide s leva na desno i right,
kada tekst ide s desna na levo (arapski jezik i sl.).
|
end |
Jednako right, ako tekst ide s leva na desno i left,
kada tekst ide s desna na levo.
|
inherit |
Nasleđuje vrednost roditelja. |
Podrazumevana vrednost: auto.
Primer . Vrednost 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;
}
:
Primer . Vrednost 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;
}
:
Primer . Vrednost 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;
}
:
Primer . Vrednost 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;
}
:
