Style paddingBottom 属性

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

paddingBottom ਪੈਰਾਮੀਟਰ ਸੈਟ ਕਰਨ ਜਾਂ ਏਲੀਮੈਂਟ ਦੀ ਨਿਚਲੀ ਇੰਦਰਦੀ ਪੈਡਿੰਗ ਨੂੰ ਵਾਪਸ ਕਰਨ ਲਈ ਵਰਤੋਂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。

margin ਪੈਰਾਮੀਟਰ ਅਤੇ padding ਪੈਰਾਮੀਟਰ ਪੂਰੇ ਏਲੀਮੈਂਟ ਦਰਮਿਆਨ ਸਪੇਸ ਪਾਉਂਦੇ ਹਨ। ਪਰ ਵੱਖਰੇ ਤੌਰ 'ਤੇ, margin ਬਾਹਰੀ ਫਰਮ ਦਾ ਸਪੇਸ ਪਾਉਂਦਾ ਹੈ ਅਤੇ padding ਏਲੀਮੈਂਟ ਦੇ ਬਾਹਰੀ ਫਰਮ ਅੰਦਰ ਸਪੇਸ ਪਾਉਂਦਾ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ:CSS داخلی پینڈل

CSS ਸੂਚੀਬੱਧ:padding-bottom ਪੈਰਾਮੀਟਰ

HTML DOM ਸੂਚੀਬੱਧ:padding ਪੈਰਾਮੀਟਰ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

set <div> ਏਲੀਮੈਂਟ ਦੀ ਨਿਚਲੀ ਇੰਦਰਦੀ ਪੈਡਿੰਗ:

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

ਖੁਦ ਮੋਹਰੇ ਸ਼ੁਰੂ ਕਰੋ

ਉਦਾਹਰਣ 2

ਸਾਧਾਰਣ ਮੁੱਲ ਨੂੰ <div> ਏਲੀਮੈਂਟ ਦੀ ਨਿਚਲੀ ਇੰਦਰਦੀ ਪੈਡਿੰਗ ਵਿੱਚ ਵਾਪਸ ਲਿਆਓ:

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

ਖੁਦ ਮੋਹਰੇ ਸ਼ੁਰੂ ਕਰੋ

ਉਦਾਹਰਣ 3

return <div> ਏਲੀਮੈਂਟ ਦੀ ਨਿਚਲੀ ਇੰਦਰਦੀ ਪੈਡਿੰਗ:

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";
}

ਖੁਦ ਮੋਹਰੇ ਸ਼ੁਰੂ ਕਰੋ

ਸਿਧਾਂਤ

return paddingBottom ਪੈਰਾਮੀਟਰ:

object.style.paddingBottom

set paddingBottom ਪੈਰਾਮੀਟਰ:

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

ਪੈਰਾਮੀਟਰ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
% ਪਿਤਾ ਏਲੀਮੈਂਟ ਦੀ ਚੌੜਾਈ ਦੇ ਪ੍ਰਤੀਸ਼ਤ ਨਾਲ ਨਿਚਲੀ ਇੰਦਰਦੀ ਪੈਡਿੰਗ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。
length ਲੰਬਾਈ ਇਕਾਈ ਨਾਲ ਨਿਚਲੀ ਇੰਦਰਦੀ ਪੈਡਿੰਗ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。
initial ਇਹ ਪੈਰਾਮੀਟਰ ਮੂਲ ਮੁੱਲ ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial。
inherit ਇਹ ਪੈਰਾਮੀਟਰ ਆਪਣੇ ਮਾਤਾ ਏਲੀਮੈਂਟ ਤੋਂ ਇਸ ਸੁਪਨੇ ਲੈਂਦਾ ਹੈ। ਦੇਖੋ inherit。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: 0
ਵਾਪਸੀ ਮੁੱਲ: ਸਟਰਿੰਗ, ਜੋ ਕਿ ਏਲੀਮੈਂਟ ਦੀ ਨਿਚਲੀ ਇੰਦਰਦੀ ਪੈਡਿੰਗ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ。
CSS ਆਈਸ਼ਨ: CSS1

بھرپائی کا استعمال

کروم ایج فائر فاکس سافری آپریا
کروم ایج فائر فاکس سافری آپریا
پشتیبند پشتیبند پشتیبند پشتیبند پشتیبند