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