స్టైల్ ప్యాడింగ్ అట్రిబ్యూట్

定义和用法

paddingBottom 属性设置或返回元素的下内边距。

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

ఇతర పరిచయాలు:

CSS శిక్షణ కుటుంబం:CSS 内边距

CSS పరిచయం కుటుంబం:padding-bottom లక్షణం

HTML DOM పరిచయం కుటుంబం:padding లక్షణం

ఉదాహరణ

ఉదాహరణ 1

<div> పేర్కొన్న క్రమముఖమును సెట్ చేయండి:

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

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

ఉదాహరణ 2

<div> పేర్కొన్న క్రమముఖమును "normal" తిరిగి పొందండి:

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

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

ఉదాహరణ 3

డివ్ పేర్కొన్న క్రమముఖము తిరిగి పొందండి:

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

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

ఉదాహరణ 4

marginBottom మరియు paddingBottom యొక్క వ్యత్యాసం:

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

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

సంకేతసంపూర్ణం

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

object.style.paddingBottom

paddingBottom లక్షణాన్ని సెట్ చేయండి:

object.style.paddingBottom = "%|length|initial|inherit"

లక్షణపు విలువ

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

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

అప్రమేయ విలువ: 0
ఫలితం: స్ట్రింగ్, దాని అంతర్గత క్రమముఖము కోసం వాడుతారు.
CSS సంస్కరణ: CSS1

浏览器支持

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