text-align-last ගුණය
text-align-last ගුණය පාඨයේ අන්තිම පේළියෙහි පෙළගැස්ම සකසයි:
වම් විරාමයට, දකුණු විරාමයට, මැදට, වම් සහ දකුණු විරාම දෙකටම එකවර.
සටහන් කරගන්න: මූලද්‍රව්‍යයක (උදාහරණයක් ලෙස ඡේදයක), පේළිය එකක් පමණක්
නම් - එය පළමු සහ අන්තිම පේළිය ලෙස සැලකෙන අතර එහි පෙළගැස්ම text-align හි
සකසා නැති නමුත් text-align-last හි සකසා ඇති පරිදි වේ.
වාක්‍ය රචනය
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;
}
Результат: