Свойство text-align-last
Свойство text-align-last матннинг сўнги сатрининг текисланишини белгилайди:
чап тарафга, ўнг тарафга, марказга, чап ва ўнг тарафларга бир вақтда.
Эътибор берингки, агар элементда (масалан, абзацда) факат битта сатр
бўлса - у биринчи ва сўнги сатр ҳисобланади ва унинг текисланиши
text-align-lastда белгилангандек бўлади,
text-alignда эмас.
Синтаксис
cssселектор {
text-align-last: center | left | right | justify | auto | start | end;
}
Қийматлар
| Қиймат | Тасниф |
|---|---|
center |
Марказга. |
left |
Чап тарафга. |
right |
Ўнг тарафга. |
justify |
Ўнг ва чап тарафларга бир вақтда. |
auto |
Элементнинг текисланишини ўзгартирмайди. |
start |
leftга тенг, агар матн чапдан ўнгга йўналган бўлса ва rightга,
матн ўнгдан чапга йўналган бўлса (араб тили ва ҳ.к).
|
end |
rightга тенг, агар матн чапдан ўнгга йўналган бўлса ва leftга,
матн ўнгдан чапга йўналган бўлса.
|
inherit |
Ота-онанинг қийматини мерос қилиб олади. |
Стандарт қиймат: auto.
Мисол . 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;
}
Результат:
Мисол . 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;
}
Результат:
Мисол . 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;
}
Результат:
Мисол . 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;
}
Результат: