Style marginTop ਗੁਣ

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

marginTop ਗੁਣ ਸੈਟ ਕਰਨ ਜਾਂ ਇਲਾਕੇ ਦੀ ਉੱਚ ਬਾਹਰੀ ਮਾਰਜਿਨ ਵਾਪਸੀ ਕਰਨ

ਮਾਰਜਿਨ ਗੁਣ ਅਤੇ padding ਗੁਣ ਇਲਾਕੇ ਦਰਮਿਆਨ ਅੰਤਰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੇ ਹਨ। ਪਰ ਵੱਖਰਾਈ ਇਹ ਹੈ ਕਿ margin ਬਾਹਰੀ ਫੰਡੇ ਦਰਮਿਆਨ ਅੰਤਰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੇ ਹਨ ਜਦਕਿ padding ਇਲਾਕੇ ਦੇ ਬਾਹਰੀ ਫੰਡੇ ਦੇ ਅੰਦਰ ਅੰਤਰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੇ ਹਨ。

ਹੋਰ ਦੇਖੋ:

CSS ਟੂਟੋਰੀਅਲ:CSS ਬਾਹਰੀ ਮੈਰਜਿਨ

CSS ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:margin-top ਗੁਣ

HTML DOM ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:ਮਾਰਜਿਨ ਗੁਣ

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਸੈਟ <div> ਇਲਾਕੇ ਦੀ ਉੱਚ ਬਾਹਰੀ ਮਾਰਜਿਨ:

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

ਸਵੈ ਅਭਿਪ੍ਰਾਯ ਕਰੋ

ਉਦਾਹਰਣ 2

<div> ਇਲਾਕੇ ਦੀ ਉੱਚ ਬਾਹਰੀ ਮਾਰਜਿਨ ਨੂੰ "normal" ਵਾਪਸ ਕਰੋ:

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

ਸਵੈ ਅਭਿਪ੍ਰਾਯ ਕਰੋ

ਉਦਾਹਰਣ 3

ਵਾਪਸੀ <div> ਇਲਾਕੇ ਦੀ ਉੱਚ ਬਾਹਰੀ ਮਾਰਜਿਨ:

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

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਕਰੋਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਕਰੋਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ