style boxShadow ਪ੍ਰਤੀਯੋਗਿਤਾ

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

boxShadow ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਜਾਂ ਵਾਪਸ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਬਾਕਸ ਇਲਾਕੇ ਦੇ ਪ੍ਰਿੰਟ (drop-shadow) ਨੂੰ ਪ੍ਰਤੀਯੋਗਿਤਾ ਕਰੋ。

ਹੋਰ ਦੇਖੋ:

CSS ਜਾਣਕਾਰੀ ਮੁੱਲਕਾਤbox-shadow ਪ੍ਰਤੀਯੋਗਿਤਾ

ਉਦਾਹਰਣ

div ਇਲਾਕੇ ਨੂੰ boxShadow ਜੋੜੋ:

document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਗਰੰਥ

boxShadow ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਪਸ ਪ੍ਰਾਪਤ ਕਰੋ:

object.style.boxShadow

boxShadow ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਕਰੋ:

object.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"

ਟਿੱਪਣੀ:boxShadow ਪ੍ਰਤੀਯੋਗਿਤਾ ਇਲਾਕੇ ਨੂੰ ਇੱਕ ਜਾਂ ਕਈ ਛਾਲ ਜੋੜਦੀ ਹੈ। ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੂਚੀ ਕਮਾ ਨਾਲ ਦੱਸੀ ਜਾਂਦੀ ਹੈ, ਹਰ ਛਾਲ 2-4 ਲੰਬਾਈ ਕੀਮਤਾਂ, ਵਿਕਲਪਿਤ ਰੰਗ ਕੀਮਤ ਅਤੇ ਵਿਕਲਪਿਤ inset ਕੀਵਾਰਡ ਨਾਲ ਦੱਸੀ ਜਾਂਦੀ ਹੈ। ਲੰਬਾਈ ਕੀਮਤ ਦੀ ਲੱਗਨ ਹੈ 0。

ਪ੍ਰਤੀਯੋਗਿਤਾ ਕੀਮਤ

ਕੀਮਤ ਵਰਣਨ
none ਮੂਲਤਵੀ ਕੀਮਤ। ਛਾਲ ਨਹੀਂ ਦਿਖਾਈ ਜਾਵੇਗੀ。
h-shadow ਲਾਜ਼ਮੀ। ਪਰਿਪੇਖ ਛਾਲ ਦਾ ਸਥਾਨ। ਨੈਗਟਿਵ ਕੀਮਤਾਂ ਦੀ ਆਗਿਆ ਹੈ。
v-shadow ਲਾਜ਼ਮੀ। ਖੱਡੀ ਛਾਲ ਦਾ ਸਥਾਨ। ਨੈਗਟਿਵ ਕੀਮਤਾਂ ਦੀ ਆਗਿਆ ਹੈ。
blur ਵਿਕਲਪਿਤ। ਬਲਰ ਦੀ ਦੂਰੀ。
spread ਵਿਕਲਪਿਤ। ਛਾਲ ਦਾ ਆਕਾਰ。
color

ਵਿਕਲਪਿਤ। ਛਾਲ ਦਾ ਰੰਗ। ਮੂਲਤਵੀ ਕੀਮਤ ਕਾਲਾ ਹੈ。

ਦੇਖੋ: CSS ਰੰਗ ਕੀਮਤਰੰਗ ਦੀਆਂ ਸੰਭਾਵਿਤ ਕੀਮਤਾਂ ਦੀ ਪੂਰੀ ਸੂਚੀ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ

ਸੁਝਾਅ:Safari (PC 'ਤੇ) ਵਿੱਚcolor ਪੈਰਾਮੀਟਰ ਲਾਜ਼ਮੀ ਹੈ। ਕੋਈ ਰੰਗ ਨਾ ਦੱਸਿਆ ਹੋਇਆ ਤਾਂ ਛਾਲ ਨਹੀਂ ਦਿਖਾਈ ਜਾਵੇਗੀ。
inset ਵਿਕਲਪਿਤ। ਬਾਹਰੀ ਛਾਲ (outset) ਨੂੰ ਅੰਦਰੂਨੀ ਛਾਲ ਵਿੱਚ ਬਦਲੋ।
initial ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੂਲਤਵੀ ਕੀਮਤ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial。
inherit ਆਪਣੇ ਮਾਤਾ ਇਲਾਕੇ ਤੋਂ ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਲੈਂਦਾ ਹੈ। ਦੇਖੋ: inherit。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲਤਵੀ ਕੀਮਤ: ਨਾ ਕੁਝ ਨਹੀਂ
ਵਾਪਸ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ: ਸਟਰਿੰਗ, ਜੋ ਕਿ ਇਲਾਕੇ ਦੀ box-shadow ਪ੍ਰਤੀਯੋਗਿਤਾ。
CSS ਸੰਸਕਰਣ: CSS3

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

ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ 9.0 ਸਮਰਥਨ 5.1 ਸਮਰਥਨ