min-height ගුණය
min-height ගුණය මූලද්රව්යයක
අවම උස සකසයි. ගුණයේ අගය ලෙස
ප්රමාණයන් සඳහා ඕනෑම ඒකක
හෝ none යන යතුරු වචනය,
එනම් අගයක් නොමැති බව දක්වන වචනය, භාවිතා කළ හැකිය.
සාමාන්යයෙන් පාවෙන පළලක් සහිත මූලද්රව්යයකට සකසනු ලැබේ (උස ප්රතිශත වලින් සකසා ඇත හෝ සම්පූර්ණයෙන්ම සකසා නැත, සහ මූලද්රව්යය එහි අන්තර්ගතය අනුව උසින් පුළුල් වේ).
අවම උසක් නියම කර ඇත්නම් - එම උසට වඩා අඩුවෙන්
මූලද්රව්යය සිටිය නොහැක. පාඨය min-height සඳහා
අවශ්යව ඇති තරම් නොමැති නම්,
මූලද්රව්යයට min-height උසක් ඇති වේ.
පාඨය වැඩි තරමක් ඇත්නම් - මූලද්රව්යයේ උස ගණනය වන්නේ පාඨයේ ප්රමාණය අනුව ය.
වාක්ය ඛණ්ඩය
තේරුම්ගන්නා {
min-height: අගය;
}
නිදසුන
මෙම නිදසුනේ උස සම්පූර්ණයෙන්ම සකසා නැත
සහ බ්රවුසරය විසින් ස්වාධීනව ගණනය කරනු ලැබේ
පාඨයේ ප්රමාණය අනුව. කෙසේ වෙතත්,
min-height ගුණය සකසා ඇති නිසා,
මෙම අගයට වඩා අඩු උසකට එය අඩු නොවේ,
එහි පාඨය කිසිසේත් නොමැති වුවද:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
min-height: 100px;
width: 300px;
border: 1px solid black;
}
:
නිදසුන
අපි මූලද්රව්යයට වැඩි පාඨයක් එක් කරමු - එවිට ප්රබෝධක උසින් පිපිරීමක් සිදුවේ. මෙම අවස්ථාවේදී අපගේ ප්රබෝධකය සරලව එහි උස වැඩි කරයි:
<div id="elem">
some long text
</div>
#elem {
min-height: 100px;
width: 300px;
border: 1px solid black;
text-align: justify;
}
:
නිදසුන
සංසන්දනය කිරීම සඳහා අපි බලමු, මූලද්රව්යය සමඟ
කුමක් සිදුවේද කියා,
එයට අවම උස ඉවත් කර,
ඒ වෙනුවට height ගුණය නියම කළහොත්:
<div id="elem">
some long text
</div>
#elem {
height: 100px;
width: 300px;
border: 1px solid black;
text-align: justify;
margin-bottom: 50px;
}
:
මෙයද බලන්න
-
max-heightගුණය,
මූලද්රව්යයක උපරිම උස නියම කරයි -
max-widthගුණය,
මූලද්රව්යයක උපරිම පළල නියම කරයි -
min-widthගුණය,
මූලද්රව්යයක අවම පළල නියම කරයි
