Īpašība margin-top

Īpašība margin-top iestata elementa ārējo atstarpi no augšas. Īpašības vērtību var norādīt jebkurās mērvienībās izmēriem vai arī ar atslēgvārdu auto, kas ļauj pārlūkprogrammai patstāvīgi aprēķināt elementa atstarpi.

Sintakse

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

Piemērs

Iestatīsim bloka ārējo atstarpi no augšas uz 50px:

html<div id="parent">
  <div id="elem"></div>
</div>

css#parent {
  border: 1px solid green;
  display: inline-block;
}
#elem {
  margin-top: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

Skatiet arī