Īpašība margin-left

Īpašība margin-left nosaka elementa ārējo atstarpi no kreisās puses. Īpašības vērtība var būt jebkuras izmēru vienības vai atslēgvārds auto, kas ļauj pārlūkprogrammai patstāvīgi aprēķināt elementa atstarpes.

Sintakse

cssselektors {
  margin-left: vērtība;
}

Piemērs

Iestatīsim bloka ārējo atstarpi no kreisās puses uz 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;
}

Результат:

Skatiet arī

  • īpašība margin-top,
    kas nosaka ārējo atstarpi no augšas
  • īpašība margin-bottom,
    kas nosaka ārējo atstarpi no apakšas
  • īpašība margin-right,
    kas nosaka ārējo atstarpi no labās puses
  • īpašība margin,
    kas ir saīsinājums ārējām atstarpēm
  • īpašība padding,
    kas nosaka iekšējo atstarpes