Style backgroundClip ਵਿਸ਼ੇਸ਼ਤਾ

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

backgroundClip ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰਨ ਜਾਂ ਪਿੱਨ ਦੇ ਪਿੱਛੇ ਚਿੰਨ੍ਹਾਂ ਦਾ ਖੇਤਰ ਵਾਪਸੀ ਕਰਨ

ਹੋਰ ਦੇਖੋ:

HTML ਸਟਾਈਲbackground ਵਿਸ਼ੇਸ਼ਤਾ

CSS3 ਸਿੱਖਿਆCSS ਬੈਕਗਰਾਊਂਡ

CSS3 ਸਿੱਖਿਆCSS3 ਪਿੱਨ

CSS ਸਮਾਚਾਰਕ ਮੁੱਲਕਾਰbackground-clip ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਪਿੱਨ ਦੇ ਪਿੱਛੇ ਚਿੰਨ੍ਹਾਂ ਦਾ ਖੇਤਰ ਨਿਰਧਾਰਿਤ ਕਰੋ:

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

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

ਗਰਮਤਾ

backgroundClip ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਪਸੀ ਕਰੋ:

object.style.backgroundClip

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

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

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

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

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: border-box
ਵਾਪਸੀ ਮੁੱਲ: ਚਿੰਨ੍ਹਾਂ ਵਾਲੀ ਪ੍ਰਤੀਕਸ਼ background-clip ਵਿਸ਼ੇਸ਼ਤਾ.
CSS ਸੰਸਕਰਣ: CSS3

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

backgroundClip ਇਹ ਕ੍ਰਿਮਸ ਤੀਜਾ (1999) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

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

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