grid-auto-columns ගුණය
grid-auto-columns ගුණය සැඟවුණු ජාලකයේ
මූලද්රව්යයක් අල්ලාගන්නා තීර සංඛ්යාව සහ
පළල නියම කරයි.
සැඟවුණු ජාලකය - මූලද්රව්ය දැනටමත්
නිර්වචනය කර ඇති ජාලකයෙන් පිටතට යන විට
ස්වයංක්රීයව නිර්මාණය වන ජාලකයකි.
ගුණයේ අගය තුළ අපි තීරවල පළල
ඕනෑම ප්රමාණ
ඒකක වලින් දක්වන්නෙමු.
ගුණය මව් මූලද්රව්යය තුළ දක්වන අතර
එය දාය මූලද්රව්යවල තීර පළල නිර්වචනය කරයි.
වාක්ය රචනා ක්රමය
තේරුම් ගන්නා යන්ත්රය {
grid-auto-columns: තීර පළල;
}
උදාහරණය
අපගේ සැඟවුණු ජාලකයේ මූලද්රව්ය සඳහා තීර පළල නියම කරමු:
<div id="parent">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
</div>
#parent {
display: grid;
grid-template-rows: 40px 40px;
grid-auto-columns: 200px;
border: 2px solid #696989;
padding: 10px;
}
#parent > div {
padding: 10px;
border: 1px solid #696989;
}
:
මෙයද බලන්න
-
grid-auto-rowsගුණය,
සැඟවුණු ජාලකයේ පේළි සංඛ්යාව සහ පළල නියම කරයි -
grid-template-columnsගුණය,
ජාලකයේ තීර සංඛ්යාව සහ පළල නියම කරයි
