Text-align-last häsiýeti
text-align-last häsiýeti
tekstleriň soňky setiriniň deňleşigini kesgitleýär:
çepe, saga, merkeze, çep we sag gyralara deň.
Diňe bir setirli elementde (meselem, abzasynda),
ol setir ilkinji we soňky setir hasaplanýandygy üçin,
onyň deňleşigi text-align-da däl, eýsem
text-align-last-da kesgitlenen ýaly bolar.
Sintaksis
cssselektor {
text-align-last: center | left | right | justify | auto | start | end;
}
Görnüşleri
| Görnüş | Düşündiriş |
|---|---|
center |
Merkeze. |
left |
Çep gyra. |
right |
Sag gyra. |
justify |
Hem çep, hem sag gyra deň. |
auto |
Elementiň deňleşigini üýtgetmeýär. |
start |
left deň, eger tekst çepden saga gitse we right,
eger tekst sagdan çepa gitse (Arap dili we ş.m.).
|
end |
right deň, eger tekst çepden saga gitse we left,
eger tekst sagdan çepa gitse.
|
inherit |
Kakasynyň görnüşini miras alýar. |
Başdaky görnüşi: auto.
Mysal . Left görnüşi
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;
}
Результат:
Mysal . Right görnüşi
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;
}
Результат:
Mysal . Center görnüşi
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;
}
Результат:
Mysal . Justify görnüşi
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;
}
Результат: