margin-bottom
margin-bottom ගුණාංගය
අංගයට පහළින් බාහිර ඉඩ පරිස්සම සකසයි. ගුණාංගයේ
අගය ලෙස ඕනෑම ප්රමාණ සඳහා ඒකක
හෝ අංගයේ ඉඩ පරිස්සම ස්වයංක්රීයව ගණනය කිරීමට බ්රවුසරයට ඉඩ දෙන
auto යන මූල යෙදුම භාවිතා කළ හැකිය.
වාක්ය රචනය
තේරුම් ගන්නා {
margin-bottom: අගය;
}
උදාහරණය
කොටුවකට පහළින් 50px බාහිර ඉඩ පරිස්සමක් යොදමු:
<div id="parent">
<div id="elem"></div>
</div>
#parent {
border: 1px solid green;
display: inline-block;
}
#elem {
margin-bottom: 50px;
border: 1px solid red;
width: 100px;
height: 100px;
}
:
මෙයත් බලන්න
-
margin-topගුණාංගය,
එය ඉහළින් බාහිර ඉඩ පරිස්සම සකසයි -
margin-leftගුණාංගය,
එය වම්පසින් බාහිර ඉඩ පරිස්සම සකසයි -
margin-rightගුණාංගය,
එය දකුණුපසින් බාහිර ඉඩ පරිස්සම සකසයි -
marginගුණාංගය,
එය බාහිර ඉඩ පරිස්සම සඳහා කෙටි යෙදුමකි -
paddingගුණාංගය,
එය අභ්යන්තර ඉඩ පරිස්සම සකසයි
