Style marginTop Katangian

Definition at Paggamit

marginTop Mga katangian ng pagtatakda o pagbubalik ng ating gilid sa itaas ng elemento.

Katangian ng Margin at Katangian ng Padding Nag-iipon ng espasyo sa paligid ng elemento. Subalit, ang kaibahan nito ay ang margin ay nag-iipon ng espasyo sa paligid ng border, habang ang padding ay nag-iipon ng espasyo sa loob ng border ng elemento.

Mga ibang Pagsasalita:

CSS Tutorial:CSS Margin

CSS Reference Manual:margin-top Katangian

HTML DOM Reference Manual:Katangian ng Margin

Halimbawa

Halimbawa 1

I-set ang ating gilid sa itaas ng <div> elemento:

document.getElementById("myDiv").style.marginTop = "50px";

Subukan ang Iyong Sarili

Halimbawa 2

I-balik ang ating gilid sa itaas ng <div> elemento sa "normal":

document.getElementById("myDiv").style.marginTop = "0px";

Subukan ang Iyong Sarili

Halimbawa 3

I-balik ang ating gilid sa itaas ng <div> elemento:

alert(document.getElementById("myDiv").style.marginTop);

Subukan ang Iyong Sarili

Halimbawa 4

Mga Kaibahan ng marginTop at paddingTop:

function changeMargin() {
  document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingTop = "100px";
}

Subukan ang Iyong Sarili

Mga Grammar

I-balik ang katangian ng marginTop:

object.style.marginTop

I-set ang katangian ng marginTop:

object.style.marginTop = "%|length|auto|initial|inherit"

Halimbawa ng Katangian ng Atribute

Halimbawa ng Balyo Paglalarawan
% Tinukoy ang ating gilid sa itaas ng porsyento ng haba ng magulang na elemento.
length Tinukoy ang ating gilid sa itaas ng sukat ng haba.
auto Mga setting ng browser sa ating gilid sa itaas.
initial I-set ang katangian sa kanyang default na halimbawa. Mga pagbabasa: initial.
inherit Makukuha ang katangian mula sa magulang na elemento. Mga pagbabasa: inherit.

Detalye ng Teknolohiya

Default na Halimbawa: 0
Halimbawa ng Balyo: String na naglalagay ng ating gilid sa itaas ng elemento.
Versyon ng CSS： CSS1

Browser na suporta

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support