Style marginBottom ਪ੍ਰਤੀਯੋਗਿਤਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

marginBottom ਗੁਣ ਸੈਟ ਕਰਨ ਜਾਂ ਵਾਪਸੀ ਕਰਨ ਲਈ ਏਲੀਮੈਂਟ ਦੀ ਨਿਚਲੀ ਬਾਹਰੀ ਮਾਰਜਿਨ。

margin ਗੁਣ ਅਤੇ padding ਗੁਣ ਦੋਵੇਂ ਏਲੀਮੈਂਟ ਦਰਮਿਆਨ ਸ਼ੂਨਯ ਜਗ੍ਹਾ ਜੋੜਦੇ ਹਨ। ਪਰ ਵੱਖਰੇ ਤੌਰ 'ਤੇ, margin ਬਾਹਰੀ ਫਸੀਲ ਦਰਮਿਆਨ ਜਗ੍ਹਾ ਜੋੜਦਾ ਹੈ, ਜਦਕਿ padding ਏਲੀਮੈਂਟ ਦੇ ਬਾਹਰੀ ਫਸੀਲ ਦੇ ਅੰਦਰ ਜਗ੍ਹਾ ਜੋੜਦਾ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ:CSS بیرونی مارگ

CSS ਪੁਸਤਕਾਤਮਕ:margin-bottom ਗੁਣ

HTML DOM ਪੁਸਤਕਾਤਮਕ:margin ਗੁਣ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 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

marginBottom ਅਤੇ paddingBottom ਦਾ ਫਰਕ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਗਰੰਟਰਾਸ਼ਟਰ

marginBottom ਗੁਣ ਵਾਪਸੀ ਕਰੋ:

object.style.marginBottom

marginBottom ਗੁਣ ਸੈਟ ਕਰੋ:

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

ਗੁਣ ਮੁੱਲ

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

ਤਕਨੀਕੀ ਵੇਰਵਾ

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

بائریسر کی مدد

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