min-width සුලුපත්ත
min-width සුලුපත්ත මූලද්රව්යයක අවම
පළල සකසයි. සුලුපත්තේ අගය වන්නේ
ඕනෑම ප්රමාණය සඳහා ඒකක
හෝ යම් අගයක් නොමැති බව අදහස් කරන
none යන යතුරු වචනයයි.
සාමාන්යයෙන් එය උපන් පළලක් සහිත මූලද්රව්යයක්
සඳහා සකසනු ලැබේ (පළල ප්රතිශත වලින් සකසා ඇත හෝ
සම්පූර්ණයෙන්ම සකසා නැත, සහ මූලද්රව්යය පළලින්
තම අන්තර්ගතය අනුව විහිදේ). මූලද්රව්යයේ පළල
ප්රතිශත වලින් සකසා ඇත්නම් - බ්රව්සර් කවුළුව
කුඩා කරන විට එහි පළල min-width අගයට
ළඟා වන තෙක් අඩු වේ.
වාක්ය රචනය
තෝරන්නා {
max-width: අගය;
}
උදාහරණය
මෙම උදාහරණයේ, පළල මව් මූලද්රව්යයේ පළලේ
ප්රතිශතයකි. බ්රව්සර් කවුළුවේ පළල අඩු කරන්න,
එවිට කන්ටේනරය ද බ්රව්සර් කවුළුවේ පළලට
පිළියෙල වීම සඳහා අඩු වේ. කෙසේ වෙතත්, එය
min-width හි අර්ථ දක්වා ඇති ප්රමාණය දක්වා
පමණක් අඩු වේ, එය 400px වේ.
කන්ටේනරය මෙම පළලට ළඟා වූ විගස
- එය අඩු වීම නතර කරයි:
<div id="elem"></div>
#elem {
width: 70%;
min-width: 400px;
height: 300px;
border: 1px solid black;
}
:
උදාහරණය
මෙම උදාහරණයේ, කන්ටේනරයේ පළල දෙපසින්ම සීමා කර ඇත:
එයට 900px ට වඩා විශාල හෝ
400px ට වඩා කුඩා වීමට නොහැකි වනු ඇත:
<div id="elem"></div>
#elem {
width: 70%;
min-width: 400px;
max-width: 900px;
height: 100px;
border: 1px solid black;
}
:
තවද බලන්න
-
max-widthසුලුපත්ත,
මූලද්රව්යයක උපරිම පළල සකසයි -
max-heightසුලුපත්ත,
මූලද්රව්යයක උපරිම උස සකසයි -
min-heightසුලුපත්ත,
මූලද්රව්යයක අවම උස සකසයි
