Style backgroundRepeat 属性

定义和用法

backgroundRepeat ਪਿਛੋਕੜ ਚਿੱਤਰ ਦੇ ਵਪਾਰ (ਟੇਕਟਾਈਲਿੰਗ) ਨੂੰ ਸੈੱਟ ਕਰਨ ਜਾਂ ਵਾਧਾ ਕਰਨ ਦਾ ਗੁਣ।

ਹੋਰ ਵੇਖੋ:

HTML ਸਟਾਈਲ:background ਗੁਣ

CSS ਸਿੱਖਿਆ:CSS ਦੇ ਬੈਕਗਰਾਊਂਡ

CSS3 ਸਿੱਖਿਆ:CSS3 ਪਿਛੋਕੜ

CSS ਜਾਣਕਾਰੀ ਮੁੱਖbackground-repeat ਗੁਣ

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਪਿਛੋਕੜ ਚਿੱਤਰ ਨੂੰ ਨਹੀਂ ਵਪਾਰ ਕਰਨ ਵਾਲਾ (no-repeat) ਸੈੱਟ ਕਰੋ:

document.body.style.backgroundRepeat = "repeat-y";

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਸਪੱਸ਼ਟ ਕੀਤੇ ਹੋਏ DIV ਤੱਤ ਦਾ backgroundRepeat ਗੁਣ ਬਦਲੋ:

document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 3

ਪਿਛੋਕੜ ਚਿੱਤਰ ਨੂੰ ਹੌਰੀਜ਼ਨਟਲ ਜਾਂ ਵਰਤੁਕੀ ਵਪਾਰ ਵਿੱਚ ਸੈੱਟ ਕਰੋ:

function repeatVer() {
  document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
  document.body.style.backgroundRepeat = "repeat-x";
}

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 4

ਦਸਤਾਵੇਜ਼ ਦਾ background-repeat ਮੁੱਲ ਵਾਧਾ ਕਰੋ:

alert(document.body.style.backgroundRepeat);

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਰਮਕਲਾਸ

backgroundRepeat ਗੁਣ ਵਾਧਾ ਕਰੋ:

object.style.backgroundRepeat

backgroundRepeat ਗੁਣ ਸੈੱਟ ਕਰੋ:

object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
repeat ਪਿਛੋਕੜ ਚਿੱਤਰ ਊਰਦਾ ਅਤੇ ਖੱਬੇ ਵਪਾਰ ਕਰਦਾ ਹੈ। ਮੂਲ ਮੁੱਲ。
repeat-x ਪਿਛੋਕੜ ਚਿੱਤਰ ਸਿਰਫ਼ ਖੱਬੇ ਵਪਾਰ ਕਰਦਾ ਹੈ。
repeat-y ਪਿਛੋਕੜ ਚਿੱਤਰ ਸਿਰਫ਼ ਊਰਦਾ ਵਪਾਰ ਕਰਦਾ ਹੈ。
no-repeat ਪਿਛੋਕੜ ਚਿੱਤਰ ਨਹੀਂ ਵਪਾਰ ਕਰਦਾ ਹੈ。
initial ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ ਤੇ ਸੈੱਟ ਕਰੋ। ਦੇਖੋ: initial.
inherit ਇਸ ਗੁਣ ਨੂੰ ਆਪਣੇ ਮਾਤਾ ਤੱਤ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਲੈਂਦਾ ਹੈ। ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: repeat
ਰਤਨ ਵਾਧਾ: ਇੱਕ ਸਟਰਿੰਗ ਹੈ ਜੋ ਪਿਛੋਕੜ ਚਿੱਤਰ ਕਿਵੇਂ ਵਪਾਰ ਕਰਦਾ ਹੈ ਦਾ ਪ੍ਰਤੀਕਿਰਿਆ ਦਿੰਦਾ ਹੈ。
CSS ਸੰਸਕਰਣ: CSS1

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

backgroundRepeat ਇਹ ਕ੍ਰਿਪਟਸੀਐੱਸ1 (1996) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

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

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