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