A text-align-last tulajdonság
A text-align-last tulajdonság
a szöveg utolsó sorának igazítását állítja be:
balra, jobbra, középre, vagy sorkizártá.
Kérjük, vegye figyelembe, hogy ha egy elemben
(például egy bekezdésben) csak egyetlen sor van,
akkor azt egyúttal az első és az utolsó sornak is tekintjük,
és az igazítása olyan lesz, amilyen a text-align-last tulajdonságban meg van adva,
és nem a text-align tulajdonságban megadott.
Szintaxis
cssszelektor {
text-align-last: center | left | right | justify | auto | start | end;
}
Értékek
| Érték | Leírás |
|---|---|
center |
Középre igazít. |
left |
Balra igazít. |
right |
Jobbra igazít. |
justify |
Sorkizárt (egyszerre jobbra és balra). |
auto |
Nem változtatja meg az elem igazítását. |
start |
Egyenlő a left értékkel, ha a szöveg balról jobbra folyik, és a right értékkel,
amikor a szöveg jobbról balra folyik (mint az arab nyelvben).
|
end |
Egyenlő a right értékkel, ha a szöveg balról jobbra folyik, és a left értékkel,
amikor a szöveg jobbról balra folyik.
|
inherit |
Örökli a szülő értékét. |
Alapértelmezett érték: auto.
Példa . left érték
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;
}
Результат:
Példa . right érték
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;
}
Результат:
Példa . center érték
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;
}
Результат:
Példa . justify érték
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;
}
Результат: