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