Style backgroundSize ਵਿਸ਼ੇਸ਼ਤਾ

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

backgroundSize ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਜਾਂ ਪਿੱਨ ਚਿੱਤਰ ਦਾ ਮੁੱਲ ਵਾਪਸੀ ਕਰੋ。

ਹੋਰ ਦੇਖੋ:

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

CSS ਸਿੱਖਣਾਉਣਾ:CSS ਪੱਨ ਪਿੱਛੇ

CSS3 ਸਿੱਖਣਾਉਣਾ:CSS3 ਬੈਕਗਰਾਊਂਡ

CSS ਸੰਦਰਭ ਪੁਸਤਕ:background-size ਵਿਸ਼ੇਸ਼ਤਾ

ਇਨਸਟੈਂਸ

ਵਰਣਨ

ਪਿੱਨ ਚਿੱਤਰ ਦਾ ਮੁੱਲ ਨਿਰਧਾਰਿਤ ਕਰੋ:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

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

ਗਣਨਾ

backgroundSize ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ:backgroundSize ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਪਸੀ ਕਰੋ:

.style.backgroundSize

backgroundSize ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ:objectਮੂਲ ਮੁੱਲ।ਪਿੱਨ ਚਿੱਤਰ ਦੀ ਚੌਡਾਈ ਅਤੇ ਉੱਚਾਈ ਸ਼ਾਮਿਲ ਹੁੰਦੀ ਹੈ।.style.backgroundSize = "auto|

|cover|contain|initial|inherit"

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ ਮੁੱਲ
auto ਵਰਣਨ
ਮੂਲ ਮੁੱਲ।ਪਿੱਨ ਚਿੱਤਰ ਦੀ ਚੌਡਾਈ ਅਤੇ ਉੱਚਾਈ ਸ਼ਾਮਿਲ ਹੁੰਦੀ ਹੈ।

length

ਪਹਿਲਾ ਮੁੱਲ ਚੌਡਾਈ ਨੂੰ ਸੈਟ ਕਰੇ ਅਤੇ ਦੂਜਾ ਮੁੱਲ ਉੱਚਾਈ ਨੂੰ ਸੈਟ ਕਰੇ।

ਜੇਕਰ ਇੱਕ ਹੀ ਮੁੱਲ ਦਿੱਤਾ ਗਿਆ ਹੈ ਤਾਂ ਦੂਜਾ ਮੁੱਲ 'auto' ਦੇ ਰੂਪ ਵਿੱਚ ਸੈਟ ਕਰੋ।
ਪਿੱਨ ਚਿੱਤਰ ਦੀ ਚੌਡਾਈ ਅਤੇ ਉੱਚਾਈ ਪ੍ਰਾਪਰ ਪ੍ਰਾਪਰ ਸੈਟ ਕਰੇ।

percentage

ਪਹਿਲਾ ਮੁੱਲ ਚੌਡਾਈ ਨੂੰ ਸੈਟ ਕਰੇ ਅਤੇ ਦੂਜਾ ਮੁੱਲ ਉੱਚਾਈ ਨੂੰ ਸੈਟ ਕਰੇ।

ਜੇਕਰ ਇੱਕ ਹੀ ਮੁੱਲ ਦਿੱਤਾ ਗਿਆ ਹੈ ਤਾਂ ਦੂਜਾ ਮੁੱਲ 'auto' ਦੇ ਰੂਪ ਵਿੱਚ ਸੈਟ ਕਰੋ।
cover

ਪਿੱਨ ਚਿੱਤਰ ਨੂੰ ਜਿੰਨਾ ਜ਼ਿਆਦਾ ਕਰੋ ਤਾਂ ਕਿ ਪਿੱਨ ਖੇਤਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਚਿੱਤਰ ਦੇ ਨਾਲ ਸਮਾਨ ਹੋ ਜਾਵੇ।

ਪਿੱਨ ਚਿੱਤਰ ਦਾ ਕੁਝ ਹਿੱਸਾ ਪਿੱਨ ਸਥਾਨਕ ਖੇਤਰ ਵਿੱਚ ਨਹੀਂ ਹੋ ਸਕਦਾ ਹੈ。
contain ਚਿੱਤਰ ਨੂੰ ਮਹਿੰਗੀ ਕਰੋ ਤਾਂ ਕਿ ਇਸ ਦਾ ਚੌਡਾਈ ਅਤੇ ਉੱਚਾਈ ਸਮਾਂਤਰ ਕਰੇ ਅਤੇ ਇਸ ਦੇ ਨਾਲ ਸਮਾਨ ਹੋ ਜਾਵੇ।
initial ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ।ਦੇਖੋ initial.
inherit ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਆਪਣੇ ਮਾਤਾ ਇਲਾਕੇ ਤੋਂ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ।ਦੇਖੋ inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: auto
ਵਾਪਸੀ ਕਰਦਾ ਹੈ: ਸਟਰਿੰਗ ਜੋ ਕਿ ਇਲਾਕੇ ਦੀ background-size ਵਿਸ਼ੇਸ਼ਤਾ.
CSS ਵਰਜਨ: CSS3

ਬਰਾਊਜ਼ਰ ਸਹਾਰਾ

backgroundSize ਇਹ ਕ੍ਰਿਪਸ ਤੀ (1999) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

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

ਚਰਮੋਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ IE
ਚਰਮੋਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ IE
ਸਹਾਰਾ ਸਹਾਰਾ ਸਹਾਰਾ ਸਹਾਰਾ ਸਹਾਰਾ 11