Style left ਗੁਣ

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

left ਗੁਣ ਸੈਟ ਕਰਨ ਜਾਂ ਸਥਾਨਾਂਤਰ ਤੱਤ ਦੇ ਪਾਸੇ ਦਾ ਸਥਾਨ ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਹੈ。

ਇਹ ਗੁਣ ਤੱਤ ਦੇ ਪਾਸੇ ਦਾ ਸਥਾਨ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ ਇਨਟਰਪੈਡ, ਸਰਕਲ ਬਾਰੇ, ਬੋਰਡਰ ਅਤੇ ਮਾਰਜਿਨ ਸ਼ਾਮਿਲ ਹਨ。

ਸੁਝਾਅ:ਸਥਾਨਾਂਤਰ ਤੱਤ ਸਥਾਨਾਂਤਰ ਗੁਣ ਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ:relative、absolute ਜਾਂ fixed ਦੇ ਤੱਤ ਨੂੰ ਦੇਖੋ।

ਸੁਝਾਅ:ਸਥਾਨਾਂਤਰ ਤੱਤ ਦੇ ਪਾਸੇ ਦਾ ਸਥਾਨ ਸੈਟ ਕਰਨ ਜਾਂ ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਹੈ ਤਾਂ ਇਸ ਦੀ ਵਰਤੋਂ ਕਰੋ: right ਗੁਣ.

ਹੋਰ ਜਾਣਕਾਰੀ ਦੇਖੋ:

CSS ਸਿਖਲਾਈCSS ਸਥਾਨਾਂਤਰ

CSS ਪੁਸਤਕਾਤਮਕleft ਗੁਣ

ਇਨਸਟੈਂਸ ਦੇ ਵਰਣਨ

ਉਦਾਹਰਣ 1

ਮੁੱਲ <button> ਤੱਤ ਦੇ ਪਾਸੇ ਦਾ ਸਥਾਨ ਸੈਟ ਕਰੋ:

document.getElementById("myBtn").style.left = "100px";

ਸੁਭਾਵਿਕ ਤੌਰ 'ਤੇ ਕ੍ਰਿਆ ਕਰੋ

ਉਦਾਹਰਣ 2

ਮੁੱਲ <div> ਤੱਤ ਦੇ ਪਾਸੇ ਦਾ ਸਥਾਨ ਸੈਟ ਕਰੋ:

document.getElementById("myDIV").style.left = "100px";

ਸੁਭਾਵਿਕ ਤੌਰ 'ਤੇ ਕ੍ਰਿਆ ਕਰੋ

ਉਦਾਹਰਣ 3

ਨਕਾਰਾਤਮਕ ਮੁੱਲ - <div> ਤੱਤ ਦੇ ਪਾਸੇ ਦਾ ਸਥਾਨ ਸੈਟ ਕਰੋ:

document.getElementById("myDIV").style.left = "-100px";

ਸੁਭਾਵਿਕ ਤੌਰ 'ਤੇ ਕ੍ਰਿਆ ਕਰੋ

ਉਦਾਹਰਣ 4

ਮੁੱਲ <div> ਤੱਤ ਦੇ ਪਾਸੇ ਦਾ ਸਥਾਨ ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਹੈ:

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

ਸੁਭਾਵਿਕ ਤੌਰ 'ਤੇ ਕ੍ਰਿਆ ਕਰੋ

ਸਿਧਾਂਤ

left ਗੁਣ ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ:

object.style.left

left ਗੁਣ ਸੈਟ ਕਰੋ:

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

ਗੁਣ ਮੁੱਲ

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

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: auto
ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ: ਚਿੰਨ੍ਹ, ਜੋ ਸਥਾਨਾਂ ਦੇ ਪਾਸੇ ਦਾ ਸਥਾਨ ਦਿੰਦੇ ਹਨ。
CSS ਆਉਣ ਵਾਲਾ ਰੁਪ CSS2

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

ਚਰੋਮੇ Edge ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਚਰੋਮੇ Edge ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ