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