margin-left ගුණය

margin-left ගුණය මූලද්‍රව්‍යයක වම් පස බාහිර ඉඩ සකසයි. මෙම ගුණයේ මිල ලෙස ඕනෑම ප්‍රමාණ ඒකක හෝ auto යන යතුරු ගුණය භාවිතා කළ හැකිය, එය බ්‍රවුසරයට මූලද්‍රව්‍යයේ ඉඩ ස්වයංක්‍රීයව ගණනය කිරීමට ඉඩ සලසයි.

වාක්‍ය රචනය

cssතෝරන්නා {
  margin-left: මිල;
}

උදාහරණය

බ්ලොක් එකකට වම් පස බාහිර ඉඩ 50px කින් ලබා දෙමු:

html<div id="parent">
  <div id="elem"></div>
</div>
css#parent {
  border: 1px solid green;
  display: inline-block;
}
#elem {
  margin-left: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

මෙයත් බලන්න

  • margin-top ගුණය,
    එය ඉහළ බාහිර ඉඩ සකසයි
  • margin-bottom ගුණය,
    එය පහළ බාහිර ඉඩ සකසයි
  • margin-right ගුණය,
    එය දකුණු පස බාහිර ඉඩ සකසයි
  • margin ගුණය,
    එය බාහිර ඉඩ සඳහා කෙටි යෙදුමකි
  • padding ගුණය,
    එය අභ්‍යන්තර ඉඩ සකසයි