column-span ගුණය
column-span ගුණය බහු-තීරු පෙළක අංගයක්
දිගහැරිය යුතු තීරු ගණන නියම කරයි.
ගුණය 1 අගයක් හෝ all යන මූල පදය
පිළිගනී. 1 අගය යටතේ අංගය එක් තීරුවක්
ආවරණය කරන අතර, all අගය යටතේ - සියලුම
තීරු.
වාක්ය රචනය
තෝරන්නා {
column-span: 1 | all;
}
පෙරනිමි අගය: 1.
උදාහරණය
මෙම උදාහරණයේ ශීර්ෂකය පළමු තීරුව තුළට යනු ඇත:
<div id="elem">
<h2>Lorem ipsum dolor sit amet eu metus non</h2>
some long text
</div>
#elem h2 {
column-span: 1;
margin: 0;
}
#elem {
column-count: 3;
text-align: justify;
}
:
උදාහරණය
දැන් ශීර්ෂකය සියලුම තීරු හරහා දිගහැරෙනු ඇත:
<div id="elem">
<h2>Lorem ipsum dolor sit amet eu metus non</h2>
some long text
</div>
#elem h2 {
column-span: all;
margin: 0;
}
#elem {
column-count: 3;
text-align: justify;
}
:
මේවාත් බලන්න
-
column-countගුණය,
තීරු ගණන නියම කරන -
column-widthගුණය,
තීරුවේ පළල නියම කරන -
column-gapගුණය,
තීරු අතර හිඩැස නියම කරන -
column-ruleගුණය,
තීරු අතර සීමාව නියම කරන -
columnsගුණය,
බහු-තීරුකතාව සඳහා කෙටි ගුණය වන