Style marginBottom 属性

నిర్వచనం మరియు వినియోగం

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

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

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

CSS పాఠ్యం:CSS 外边距

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

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

ఉదాహరణ

ఉదాహరణ 1

పొందిన <div> ఎలమెంట్ క్రిందవైపు మార్గాన్ని సెట్ చేయండి:

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

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

ఉదాహరణ 2

పొందిన <div> ఎలమెంట్ క్రిందవైపు మార్గాన్ని "normal" కి తిరిగి సెట్ చేయండి:

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

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

ఉదాహరణ 3

పొందిన <div> ఎలమెంట్ క్రిందవైపు మార్గం:

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

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

ఉదాహరణ 4

మార్గం బదులు మరియు పేడింగ్ బదులు యొక్క తేడా:

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

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

సంకేతం

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

object.style.marginBottom

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

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

లక్షణ విలువ

విలువ వివరణ
% పేర్వర్తి ఎలమెంట్ వెడల్పు శాతంగా క్రిందవైపు మార్గం నిర్వచించండి.
length పొడవు ఇకానా దాని క్రిందవైపు మార్గం నిర్వచించండి.
auto బ్రాసర్ అమర్పులు క్రిందవైపు మార్గం.
initial ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి initial.
inherit తన పేర్వర్తి ఎలమెంట్ నుండి ఈ లక్షణాన్ని పారదర్శకంగా స్వీకరించండి. చూడండి inherit.

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

అప్రమేయం: 0
ఫలితం: పదబంధం, దాని అంతర్గత పొరల క్రిందవైపు మార్గం సూచిస్తుంది.
CSS సంస్కరణ: CSS1

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持