Style marginTop లక్షణం

నిర్వహణ మరియు ఉపయోగం

marginTop లక్షణాలను సెట్ చేయండి లేదా తిరిగి పొందండి పైన మార్గిన్.

మార్గిన్ లక్షణం మరియు ప్యాడింగ్ లక్షణం అన్ని అంశాల చుట్టూ అంతరాలను ప్రవేశపెడతాయి. కానీ, వ్యత్యాసం ఉంది, మార్గిన్ అంగం చుట్టూ అంతరాలను ప్రవేశపెడతాయి, మరియు ప్యాడింగ్ అంగం లోపల అంతరాలను ప్రవేశపెడతాయి.

మరియు చూడండి:

CSS శిక్షణ పుస్తకం:CSS 外边距

CSS పరిశీలన పుస్తకం:మార్గిన్ టాప్ లక్షణం

HTML DOM పరిశీలన పుస్తకం:మార్గిన్ లక్షణం

ఉదాహరణ

ఉదాహరణ 1

డివ్ పైన మార్గిన్ ను సెట్ చేయండి:

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

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

డివ్ పైన మార్గిన్ ను పునఃసెట్ చేయండి "normal":

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

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 3

డివ్ పైన మార్గిన్ ను తిరిగి పొందండి:

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

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 4

marginTop మరియు paddingTop యొక్క వ్యత్యాసం:

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

స్వయంగా ప్రయత్నించండి

సంకేతం

మార్గిన్ టాప్ లక్షణాన్ని తిరిగి పొందండి:

object.style.marginTop

మార్గిన్ టాప్ లక్షణాన్ని సెట్ చేయండి:

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

లక్షణ విలువ

విలువ వివరణ
% పైన మార్గిన్ ను పైకి మాత్రికలు నిర్వహించండి.
length పైన మార్గిన్ ను పరిమాణ ఇక్కడ నిర్వహించండి.
auto బ్రౌజర్ మార్గిన్ సెట్ చేయండి
initial ఈ లక్షణాన్ని మూల విలువకు సెట్ చేయండి. చూడండి initial.
inherit ఈ లక్షణాన్ని తన మాత్రికలు నుండి ఉంచుకోండి. చూడండి inherit.

సాంకేతిక వివరాలు

మూల విలువలు: 0
వాటి సమాధానం: స్ట్రింగ్ ఉంది మేజిన్ మార్గిన్ పైన ఉన్న అంశం.
CSS వెర్షన్లు: CSS1

బ్రౌజర్ మద్దతు

క్రోమ్ Edge Firefox Safari Opera
క్రోమ్ Edge Firefox Safari Opera
支持 支持 支持 支持 支持