سی ایس ایس بیک گراؤنڈ پوزیشن پروپرٹی

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

background-origin ਸਿਫਟੇਜ ਨਿਰਧਾਰਣ background-position ਸਿਫਟੇਜ ਕਿਸ ਸਥਿਤੀ ਨਾਲ ਸਥਿਤੀ ਵਿੱਚ ਲਿਆਉਣਾ ਹੈ。

ਟਿੱਪਣੀ:ਜੇਕਰ ਪਿੱਨ ਇਮੇਜ ਦਾ background-attachment ਸਿਫਟੇਜ ਹੈ "fixed“”，ਤਾਂ ਇਹ ਸਿਫਟੇਜ ਕੰਮ ਨਹੀਂ ਕਰੇਗਾ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿਫਟੇਜ ਦਸਤਾਵੇਜ਼CSS ਬੈਕਗਰਾਊਂਡਅਤੇCSS ਪਿੱਨ (ਪ੍ਰਗਤੀਸ਼ੀਲ)

HTML DOM ਸਿਫਟੇਜ ਮੁੱਲbackgroundOrigin ਸਿਫਟੇਜ

ਇਨਸਟੈਂਸ

ਪਿੱਨ ਇਮੇਜ ਨੂੰ ਕੰਟੈਂਟ ਬਾਕਸ ਨਾਲ ਸਥਿਤੀ ਵਿੱਚ ਲਿਆਉਣਾ ਹੈ:

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰੰਥਕਾਰਾਂ

background-origin: padding-box|border-box|content-box;

ਸਿਫਟੇਜ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ ਟੈਸਟ
padding-box ਪਿੱਨ ਇਮੇਜ ਨੂੰ ਪੈਡਿੰਗ ਬਾਕਸ ਨਾਲ ਸਥਿਤੀ ਵਿੱਚ ਲਿਆਉਣਾ ਹੈ。 ਟੈਸਟ
border-box ਪਿੱਨ ਇਮੇਜ ਨੂੰ ਬੋਰਡਰ ਬਾਕਸ ਨਾਲ ਸਥਿਤੀ ਵਿੱਚ ਲਿਆਉਣਾ ਹੈ。 ਟੈਸਟ
content-box ਪਿੱਨ ਇਮੇਜ ਨੂੰ ਕੰਟੈਂਟ ਬਾਕਸ ਨਾਲ ਸਥਿਤੀ ਵਿੱਚ ਲਿਆਉਣਾ ਹੈ。 ਟੈਸਟ

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ padding-box
ਵਿਰਾਸਤੀਕਰਣ no
ਸੰਸਕਰਣ CSS3
JavaScript ਗਰੰਥਕਾਰਾਂ object.style.backgroundOrigin="content-box"

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

ਸਾਰੇ ਬਰਾਊਜ਼ਰਾਂ ਦੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਨੂੰ ਜਿਸ ਸਿਫਟੇਜ਼ ਦੀ ਪੂਰੀ ਸਮਰੱਥਾ ਦਿੱਤੀ ਹੈ ਉਸ ਦਾ ਨੰਬਰ ਸਾਰੇ ਸਾਰੇ ਕੋਲ ਲਿਖਿਆ ਹੈ。

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
4.0 9.0 4.0 3.0 10.5