column-count ගුණාංගය
column-count ගුණාංගය බහු-සිංහල පෙළේ තීරු ගණන නිර්දේශ කරයි.
තීරුවේ පළල සහ ඒවා අතර ඇති විරාමයේ ප්රමාණය අනුව ඒවායේ සත්ය ගණන
නිර්දේශිත ගණනට වඩා වෙනස් විය හැක.
වාක්ය රචනා ක්රමය
තෝරන්නා {
column-count: සංඛ්යාව | auto;
}
අගයන්
| අගය | විස්තරය |
|---|---|
| සංඛ්යාව | නිශ්චිත තීරු ගණනක් සකසයි. වඩාත් නිවැරදිව කිවහොත්, බ්රවුසරයට මෙම තීරු ගණන භාවිතා කිරීමට නිර්දේශ කරයි, මන්ද තීරුවේ පළල සහ ඒවා අතර ඇති විරාමයේ ප්රමාණය අනුව ඒවායේ සත්ය ගණන නිර්දේශිත ගණනට වඩා වෙනස් විය හැක. |
auto |
බ්රවුසරය තමන්ගේම සුවිශේෂී තීරු ගණන තෝරා ගනී. |
පෙරනිමි අගය: auto.
නිදර්ශනය
මෙම නිදර්ශනයේ, පෙළ 3 තීරු වලට බෙදේ
(ඇත්ත වශයෙන්ම, බහු-තීරුකත්වය සහාය දක්වන බ්රවුසරවල,
අනෙක් ඒවායේ එය එක් තීරුවක සාමාන්ය පෙළක් වනු ඇත):
<div id="elem">
some long text
</div>
#elem {
column-count: 3;
text-align: justify;
}
:
නිදර්ශනය . auto අගය
මෙම නිදර්ශනයේ, තීරුවේ පළල column-width
150px ලෙස දක්වා ඇති අතර, ඒවායේ ගණන column-count
auto අගයෙන් සකසා ඇත - බ්රවුසරය තමන්ගේම
අවශ්ය තීරු ගණන සහ ඒවා අතර ඇති විරාමය
තෝරා ගනී:
<div id="elem">
some long text
</div>
#elem {
column-count: auto;
column-width: 150px;
text-align: justify;
}
:
මෙයද බලන්න
-
column-widthගුණාංගය,
තීරුවේ පළල සකසයි -
column-gapගුණාංගය,
තීරු අතර ඇති විරාමය සකසයි -
column-ruleගුණාංගය,
තීරු අතර ඇති සීමාව සකසයි -
column-spanගුණාංගය,
මූලද්රව්යය විහිදිය යුතු තීරු ගණන සකසයි -
columnsගුණාංගය,
බහු-තීරුකත්වය සඳහා කෙටි ගුණාංගයකි
