Style marginLeft 属性

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

marginLeft ਗੁਣ ਸੈਟ ਕਰਨ ਜਾਂ ਵਾਪਸੀ ਕਰਨ ਲਈ ਇਲਾਕੇ ਦੇ ਖੱਬੇ ਬਾਹਰੀ ਮਾਰਜਿਨ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ。

ਮਾਰਜਿਨ ਗੁਣ ਅਤੇ padding ਗੁਣ ਸਾਰੇ ਇਲਾਕੇ ਦਰਮਿਆਨ ਸਥਾਨ ਪਾਉਂਦੇ ਹਨ। ਪਰ ਵੱਖਰੇਵਾਂ ਇਹ ਹਨ ਕਿ margin ਬਾਹਰੀ ਸਿਰਹੱਦ ਦਾ ਅੰਦਰੂਨੀ ਸਥਾਨ ਪਾਉਂਦੇ ਹਨ, ਜਦਕਿ padding ਸਿਰਹੱਦ ਦੇ ਅੰਦਰੂਨੀ ਸਥਾਨ ਪਾਉਂਦੇ ਹਨ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ:CSS ਬਾਹਰੀ ਮਾਰਜਿਨ

CSS ਸੂਚਨਾ-ਕੰਪਾਈਲਰ:margin-left ਗੁਣ

HTML DOM ਸੂਚਨਾ-ਕੰਪਾਈਲਰ:ਮਾਰਜਿਨ ਗੁਣ

ਉਦਾਹਰਣ 1

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

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

ਖ਼ੁਦ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 2

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

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

ਖ਼ੁਦ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 3

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

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

ਖ਼ੁਦ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 4

marginLeft ਅਤੇ paddingLeft ਦਾ ਅਲਗ ਹੋਣਾ:

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

ਖ਼ੁਦ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਗਰੰਟਰ

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

object.style.marginLeft

marginLeft ਗੁਣ ਸੈਟ ਕਰੋ:

object.style.marginLeft = "%|length|auto|inherit"

ਗੁਣ ਮੁੱਲ

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

ਤਕਨੀਕੀ ਵੇਰਵਾ

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

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

Chrome Edge ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
Chrome Edge ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ