سی ایس ایس بیک گراؤنڈ کلپ اٹری بیوٹ
- ਪਿੰਡਾ ਪੰਨਾ background-blend-mode
- ਅਗਲਾ ਪੰਨਾ background-color
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
background-clip
ਪਿੱਨ ਦੀ ਚਿੱਤਰਣ ਖੇਤਰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
ਹੋਰ ਦੇਖੋ:
CSS ਸਿੱਖਿਆਕ੍ਰਮ:CSS ਬੈਕਗਰਾਊਂਡ、CSS ਪਿੱਨ (ਪ੍ਰਗਤੀਸ਼ੀਲ)
HTML DOM ਸੰਦਰਭ ਪੁਸਤਕ:backgroundClip ਪ੍ਰਤੀਭੂਤੀ
ਉਦਾਹਰਣ
ਪਿੱਨ ਦੀ ਚਿੱਤਰਣ ਖੇਤਰ ਨਿਰਧਾਰਿਤ ਕਰੋ:
div { background-color:yellow; background-clip:content-box; }
CSS ਗਰਿੱਖ
background-clip: border-box|padding-box|content-box;
ਪ੍ਰਤੀਭੂਤੀ ਮੁੱਲ
ਮੁੱਲ | ਵਰਣਨ | ਟੈਸਟ |
---|---|---|
border-box | ਪਿੱਨ ਕੱਟਿਆ ਗਿਆ ਹੈ ਬਾਰਡਰ-ਬਾਕਸ ਤੱਕ。 | ਟੈਸਟ |
padding-box | ਪਿੱਨ ਕੱਟਿਆ ਗਿਆ ਹੈ ਪੈਡਿੰਗ-ਬਾਕਸ ਤੱਕ。 | ਟੈਸਟ |
content-box | ਪਿੱਨ ਕੱਟਿਆ ਗਿਆ ਹੈ ਕੰਟੈਂਟ-ਬਾਕਸ ਤੱਕ。 | ਟੈਸਟ |
ਤਕਨੀਕੀ ਵੇਰਵੇ
ਮੂਲ ਮੁੱਲ: | border-box |
---|---|
ਵਿਰਾਸਤੀ: | ਨਹੀਂ |
ਵਰਜਨ: | CSS3 |
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰਿੱਖ | ਆਬਜੈਕਟ.style.backgroundClip="content-box" |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਟੇਬਲ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ਨੰਬਰਾਂ ਨਾਲ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਦੇਣ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਦਿਸਾਈ ਹੋਇਆ ਹੈ。
ਕਰੋਮ | ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
ਕਰੋਮ | IE / ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
- ਪਿੰਡਾ ਪੰਨਾ background-blend-mode
- ਅਗਲਾ ਪੰਨਾ background-color