Style backgroundOrigin ਵਿਸ਼ੇਸ਼ਤਾ

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

backgroundOrigin ਵਿਸ਼ੇਸ਼ਤਾ background-position ਕਿਸ ਸਥਾਨ ਨਾਲ ਸਥਾਨਾਂ ਵਿੱਚ ਸਥਾਪਿਤ ਕਰਦੀ ਹੈ

ਟਿੱਪਣੀ:ਜੇਕਰ ਪਿੱਨ ਇਮੇਜ ਦੀ background-attachment ਵਿਸ਼ੇਸ਼ਤਾ "fixed"ਜੇਕਰ ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਨਹੀਂ ਹੈ

ਉਦਾਹਰਣ

ਪਿੱਨ ਇਮੇਜ ਨੂੰ ਕੰਟੈਂਟ ਬਾਕਸ ਨਾਲ ਸਥਾਨਾਂ ਵਿੱਚ ਸਥਾਪਿਤ ਕਰੋ:

document.getElementById("myDIV").style.backgroundOrigin = "content-box";

ਖ਼ੁਦ ਮੁਹਾਰਤ ਕਰੋ

ਗਰੰਥ

backgroundOrigin ਵਿਸ਼ੇਸ਼ਤਾ ਰਿਟਰਨ ਕਰੋ:

object.style.backgroundOrigin

backgroundOrigin ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ:

object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
padding-box ਮੂਲ ਮੁੱਲ।ਪਿੱਨ ਇਮੇਜ ਨੂੰ ਪੈਡਿੰਗ ਬਾਕਸ ਨਾਲ ਸਥਾਨਾਂ ਵਿੱਚ ਸਥਾਪਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。
border-box ਪਿੱਨ ਇਮੇਜ ਨੂੰ ਬੋਰਡਰ ਬਾਕਸ ਨਾਲ ਸਥਾਨਾਂ ਵਿੱਚ ਸਥਾਪਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。
content-box ਪਿੱਨ ਇਮੇਜ ਨੂੰ ਕੰਟੈਂਟ ਬਾਕਸ ਨਾਲ ਸਥਾਨਾਂ ਵਿੱਚ ਸਥਾਪਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。
initial ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਮੂਲ ਮੁੱਲ ਲਈ ਸੈਟ ਕਰੋ ਅਤੇ ਦੇਖੋ initial.
inherit ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਆਪਣੇ ਮਾਤਾ ਇਲਾਕੇ ਤੋਂ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਲੈ ਲਵੇ ਅਤੇ ਦੇਖੋ inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: padding-box
ਰਿਟਰਨ ਮੁੱਲ: ਮਾਤਰਾ, ਜਿਸ ਨਾਲ ਇਲਾਕੇ ਦੇ background-origin ਵਿਸ਼ੇਸ਼ਤਾ.
CSS ਸੰਸਕਰਣ: CSS3

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

backgroundOrigin ਇਹ CSS3 (1999) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਸਾਰੇ ਬਰਾਊਜ਼ਰਾਂ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ 11

ਸਬੰਧਤ ਪੰਨੇ

CSS ਸੰਦਰਭ ਮੁੱਲਾਂਕਣਾ:background-origin ਵਿਸ਼ੇਸ਼ਤਾ