margin-right касиети

margin-right касиети элементдин оң жагындагы тышкы боштукту белгилейт. Касиеттин мааниси катары өлчөө бирдиктеринин каалаган түрү же auto ачкыч сөзү колдонулат, ал браузерге элементтин боштугун өз алдынча эсептөөгө мүмкүндүк берет.

Синтаксис

cssтандоочу {
  margin-right: маани;
}

Мисал

Блокко оң жагында 50px тышкы боштук белгилейли:

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;
}

Результат:

Ошондой эле караңыз

  • margin-top касиети,
    ал үстүнкү тышкы боштукту белгилейт
  • margin-bottom касиети,
    ал төмөнкү тышкы боштукту белгилейт
  • margin-left касиети,
    ал сол жагындагы тышкы боштукту белгилейт
  • margin касиети,
    ал тышкы боштук үчүн кыскартылган форма болуп саналат
  • padding касиети,
    ал ички боштукту белгилейт