CSS හි මූලද්රව්ය පුළුල් කිරීම අවලංගු කිරීම
සාමාන්යයෙන්, පෙර පාඩම් වල විස්තර කර ඇති පුළුල් කිරීම අප්රසන්න වන අතර ඔබට එය ඉවත් කිරීමට අවශ්ය වනු ඇත. මේ සඳහා
CSS හි box-sizing ගුණය ඇත.
එයට border-box අගයක් නම් කළහොත්,
නැතිව padding, නැතිව මායිම බ්ලොක් එක
පුළුල් නොකරනු ඇත:
<div id="elem1"></div>
<div id="elem2"></div>
#elem1 {
width: 100px;
height: 100px;
background: #f1f1f1;
margin-bottom: 20px;
}
#elem2 {
width: 100px;
height: 100px;
background: #f1f1f1;
padding: 25px; /* අවකාශයන් සකසන්න */
border: 10px solid green; /* මායිම සකසන්න */
box-sizing: border-box; /* පුළුල් කිරීම ඉවත් කරන්න */
}
:
විස්තර කර ඇති box-sizing ගුණය
ඔබම අත්හදා බලන්න.
