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 касиети,
    ал ички четтөөнү белгилейт