Margin-right häsiýeti

margin-right häsiýeti elementyň sagdan daşyndaky aralygyny belgileýär. Häsiýetiň bahasy ölçeg birlikleri ýa-da brauzeriň özbaşdak hasaplamagyny berýän auto ýörite sözi bolup biler.

Sintaksis

cssselektor {
  margin-right: baha;
}

Mysal

Bloka sagdan daşynda 50px aralyk belleýäris:

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

Результат:

Şeýle-de görüň

  • margin-top häsiýeti,
    ýokardan daşyndaky aralygy belgileýär
  • margin-bottom häsiýeti,
    aşakdan daşyndaky aralygy belgileýär
  • margin-left häsiýeti,
    çepden daşyndaky aralygy belgileýär
  • margin häsiýeti,
    daşyndaky aralyk üçin gysgaltmadyr
  • padding häsiýeti,
    içki aralygy belgileýär