CSS left ਪ੍ਰਾਪਰਟੀ

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

left ਪ੍ਰਾਪਤੀ ਏਲੀਮੈਂਟ ਦੇ ਸਾਥੀ ਮੋਰਨਿੰਗ ਮੈਡੀਅਮ ਦੇ ਬਾਹਰੀ ਮੈਰਜ਼ ਨੂੰ ਉਸ ਦੇ ਕੰਟੇਨਰ ਦੇ ਸਾਥੀ ਮੋਰਨਿੰਗ ਮੈਡੀਅਮ ਦੇ ਬਾਹਰੀ ਮੈਰਜ਼ ਤੋਂ ਬਾਹਰ ਲਿਆਉਂਦਾ ਹੈ。

ਟਿੱਪਣੀ:ਜੇਕਰ "position" ਪ੍ਰਾਪਤੀ ਦਾ ਮੁੱਲ "static" ਹੈ ਤਾਂ "left" ਪ੍ਰਾਪਤੀ ਦਾ ਕੋਈ ਪ੍ਰਭਾਵ ਨਹੀਂ ਪੈਂਦਾ。

static ਏਲੀਮੈਂਟ ਲਈ auto; ਲੰਬਾਈ ਮੁੱਲ ਲਈ ਸਬੰਧਤ ਅਬਜ਼ੋਲੂਟ ਲੰਬਾਈ; ਪ੍ਰਤੀਸ਼ਤ ਮੁੱਲ ਲਈ ਨਿਰਧਾਰਿਤ ਮੁੱਲ; ਹੋਰ ਤਰ੍ਹਾਂ ਤਹਿਤ auto。

ਸਬੰਧਤ ਪ੍ਰਤੀਸ਼ਤ ਨਾਲ ਨਿਰਧਾਰਿਤ ਏਲੀਮੈਂਟ ਲਈ left ਦਾ ਮੁੱਲ ਹਮੇਸ਼ਾ ਸਬੰਧਤ ਪ੍ਰਤੀਸ਼ਤ ਨਾਲ ਬਰਾਬਰ ਹੁੰਦਾ ਹੈ。

HTML DOM ਸੂਚੀਕਰਣ:left ਪ੍ਰਾਪਤੀ

ਚਿੱਤਰ ਦੇ ਸਾਥੀ ਮੋਰਨਿੰਗ ਮੈਡੀਅਮ ਨੂੰ ਉਸ ਦੇ ਕੰਟੇਨਰ ਦੇ ਸਾਥੀ ਮੋਰਨਿੰਗ ਮੈਡੀਅਮ ਦੇ ਸਾਥੀ ਮੋਰਨਿੰਗ ਮੈਡੀਅਮ ਵੱਲੋਂ 100 ਪਿਕਸਲ ਦੇ ਅੰਦਰ ਸੈਟ ਕਰੋ:

img
  {
  position:absolute;
  left:100px;
  }

left: auto|length|initial|inherit;

ਮੁੱਲ	ਵਰਣਨ
auto	ਮੂਲ ਮੁੱਲ। ਬਰਾਉਜ਼ਰ ਦੁਆਰਾ ਸਾਥੀ ਮੋਰਨਿੰਗ ਮੈਡੀਅਮ ਸਥਾਨ ਦੀ ਮਿਲਾਨ ਕੀਤੀ ਜਾਂਦੀ ਹੈ。
%	ਏਲੀਮੈਂਟ ਦੇ ਸਾਥੀ ਮੋਰਨਿੰਗ ਮੈਡੀਅਮ ਸਥਾਨ ਨੂੰ ਪ੍ਰਤੀਸ਼ਤ ਹਿੱਸੇ ਦੇ ਅਨੁਸਾਰ ਸੈਟ ਕਰੋ। ਨੈਗਾਟਿਵ ਮੁੱਲ ਵਰਤ ਸਕਦੇ ਹੋ ਸਨ。
length	px, cm ਆਦਿ ਇਕਾਈਆਂ ਨਾਲ ਏਲੀਮੈਂਟ ਦੇ ਸਾਥੀ ਮੋਰਨਿੰਗ ਮੈਡੀਅਮ ਸਥਾਨ ਨੂੰ ਸੈਟ ਕਰੋ। ਨੈਗਾਟਿਵ ਮੁੱਲ ਵਰਤ ਸਕਦੇ ਹੋ ਸਨ。
inherit	ਪਿਛਲੇ ਏਲੀਮੈਂਟ ਦੇ left ਪ੍ਰਾਪਤੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

ਸਥਾਈ ਮੁੱਲ ਨਾਲ ਚਿੱਤਰ ਦੇ ਸਾਥੀ ਮੋਰਨਿੰਗ ਮੈਡੀਅਮ ਸੈਟ ਕਰਨਾ: ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦੇਖੋ ਕਿ ਕਿਵੇਂ ਸਥਾਈ ਮੁੱਲ ਨਾਲ ਚਿੱਤਰ ਦੇ ਸਾਥੀ ਮੋਰਨਿੰਗ ਮੈਡੀਅਮ ਸੈਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。
ਪ੍ਰਤੀਸ਼ਤ ਹਿੱਸੇ ਨਾਲ ਚਿੱਤਰ ਦੇ ਸਾਥੀ ਮੋਰਨਿੰਗ ਮੈਡੀਅਮ ਸੈਟ ਕਰਨਾ: ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦੇਖੋ ਕਿ ਕਿਵੇਂ ਪ੍ਰਤੀਸ਼ਤ ਹਿੱਸੇ ਨਾਲ ਚਿੱਤਰ ਦੇ ਸਾਥੀ ਮੋਰਨਿੰਗ ਮੈਡੀਅਮ ਕਿਵੇਂ ਸੈਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਿਤ ਪਹਿਲੀ ਬਰਾਉਜ਼ਰ ਆਈਸੀਆਰ ਪ੍ਰਯੋਗ ਨੂੰ ਸਾਰੇ ਪੈਮਾਨਿਆਂ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ。

ਚਰੋਮੇ	IE / ਐਂਜਲ	ਫਾਇਰਫਾਕਸ	ਸਫਾਰੀ	ਓਪਰਾ
1.0	5.5	1.0	1.0	5.0