text-align ගුණාංගය
text-align ගුණාංගය
පාඨය සම කිරීම සකසයි: වම් අන්තයට, දකුණු අන්තයට,
මධ්‍යයට, වම් සහ දකුණු අන්ත දෙකටම එකවර.
වාක්‍ය රචනය
cssතෝරන්නා {
text-align: center | left | right | justify | auto | start | end;
}
අගයන්
| අගය | විස්තරය |
|---|---|
center |
පාඨය මධ්‍යයට සම කරනු ලැබේ. |
left |
පාඨය වම් අන්තයට සම කරනු ලැබේ. |
right |
පාඨය දකුණු අන්තයට සම කරනු ලැබේ. |
justify |
පාඨය එකවරම දකුණු අන්තයට සහ වම් අන්තයට සම කරනු ලැබේ. |
auto |
අංගයේ සම කිරීම වෙනස් නොකරයි (පෙරනිමි අගය). |
start |
left ට සමාන වේ, පාඨය වමේ සිට දකුණට ගමන් කරන්නේ නම්, සහ right,
පාඨය දකුණේ සිට වමට ගමන් කරන විට (අරාබි භාෂාව ආදිය).
|
end |
right ට සමාන වේ, පාඨය වමේ සිට දකුණට ගමන් කරන්නේ නම් සහ left,
පාඨය දකුණේ සිට වමට ගමන් කරන විට.
|
පෙරනිමි අගය: auto. බොහෝ
අවස්ථාවලදී පෙරනිමියෙන් පාඨය සම කර ඇත්තේ වම්
අන්තයට (අරාබි භාෂාවේ - දකුණු අන්තයට).
කෙසේවෙතත්, ව්‍යතිරේක ඇත, උදාහරණයක් ලෙස,
th
හි පාඨය මධ්‍යයට සම කරනු ලැබේ.
උදාහරණය . left අගය
html<p>
some long text
</p>cssp {
text-align: left;
width: 400px;
}
Результат:
උදාහරණය . right අගය
html<p>
some long text
</p>cssp {
text-align: right;
width: 400px;
}
Результат:
උදාහරණය . center අගය
html<p>
Lorem ipsum dolor sit amet.
</p>cssp {
text-align: center;
}
Результат:
උදාහරණය . justify අගය
html<p>
some long text
</p>cssp {
text-align: justify;
width: 400px;
}
Результат: