Właściwość margin-left

Właściwość margin-left ustawia lewy margines zewnętrzny elementu. Wartością właściwości mogą być dowolne jednostki wymiaru lub słowo kluczowe auto, pozwalające przeglądarce samodzielnie obliczyć margines elementu.

Składnia

cssselektor {
  margin-left: wartość;
}

Przykład

Ustawmy blokowi lewy margines zewnętrzny na 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;
}

Результат:

Zobacz też

  • właściwość margin-top,
    która ustawia górny margines zewnętrzny
  • właściwość margin-bottom,
    która ustawia dolny margines zewnętrzny
  • właściwość margin-right,
    która ustawia prawy margines zewnętrzny
  • właściwość margin,
    która jest skrótem dla marginesu zewnętrznego
  • właściwość padding,
    która ustawia margines wewnętrzny (wcięcie)