سی ایس ایس بیک ریپیٹ کوالٹی

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

background-repeat background-repeat ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਸੈਟਿੰਗ ਨੂੰ ਕਿਵੇਂ ਅਤੇ ਕਿਵੇਂ ਦੁਹਰਾਇਆ ਜਾਵੇਗਾ

ਮੂਲ ਰੂਪ ਵਿੱਚ background-image ਪੱਧਰੀ ਢਾਲ ਅਤੇ ਪੱਥਰੀ ਢਾਲ ਵਿੱਚ ਦੁਹਰਾਇਆ ਜਾਵੇਗਾ。

ਵਿਸਤ੍ਰਿਤ ਵਰਣਨ

background-repeat ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੇ ਚਿੱਤਰ ਦੇ ਪਤਰਣ ਮੋਡ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਹੈ。

ਮੂਲ ਚਿੱਤਰ ਤੋਂ ਦੁਹਰਾਇਆ ਜਾਵੇਗਾ, ਮੂਲ ਚਿੱਤਰ background-image ਵਿਆਖਿਆ ਅਤੇ ਮੁੱਲ background-position ਦੇ ਮੁੱਲ ਰੱਖੇ ਹਨ

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆCSS ਪਿੱਨਬੰਦ

CSS ਸੂਚਨਾਕੋਸ਼:background-position ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML DOM ਸੂਚਨਾਕੋਸ਼:backgroundRepeat ਪ੍ਰਤੀਯੋਗਿਤਾ

ਉਦਾਹਰਣ

body
  {
  background-image: url(stars.gif);
  background-repeat: repeat-y;
  }

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

ਸੁਝਾਅ ਅਤੇ ਟਿੱਪਣੀਆਂ

ਸੁਝਾਅ:background-image ਦਾ ਸਥਾਨ background-position ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੇ ਅਧਾਰ 'ਤੇ ਨਿਰਧਾਰਿਤ ਹੈ।ਜੇਕਰ background-position ਪ੍ਰਤੀਯੋਗਿਤਾ ਦਿੱਤੀ ਨਹੀਂ ਹੈ ਤਾਂ ਚਿੱਤਰ ਬਰਾਅਜ਼ਰ ਦੇ ਉੱਚੇ ਹਿੱਸੇ ਵਿੱਚ ਰਾਖਵੇਂ ਕੀਤਾ ਜਾਵੇਗਾ。

CSS ਗਰਾਫੀਕਸ

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ

ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
repeat ਮੂਲ ਮੁੱਲ।background-image ਪੱਥਰੀ ਢਾਲ ਅਤੇ ਪੱਧਰੀ ਢਾਲ ਵਿੱਚ ਦੁਹਰਾਇਆ ਜਾਵੇਗਾ。
repeat-x background-image ਪੱਧਰੀ ਢਾਲ ਵਿੱਚ ਦੁਹਰਾਇਆ ਜਾਵੇਗਾ。
repeat-y background-image ਪੱਥਰੀ ਢਾਲ ਵਿੱਚ ਦੁਹਰਾਇਆ ਜਾਵੇਗਾ。
no-repeat background-image ਕੇਵਲ ਇੱਕ ਵਾਰ ਦਿਖਾਇਆ ਜਾਵੇਗਾ。
inherit background-repeat ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੇ ਪਿਤਾ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਸੈਟਿੰਗ ਵਿੱਚ ਤੀਰਥਕ ਹੈ।

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: repeat
ਮੁਨਾਫਾਈਬਲਿਟੀ: no
ਵਰਜਨ: CSS1
JavaScript ਗਰਾਫੀਕਸ object.style.backgroundRepeat="repeat-y"

ਹੋਰ ਉਦਾਹਰਣ

ਕਿਵੇਂ ਪਿੱਨ ਕੈਪਚਰ ਨੂੰ ਪੱਥਰੀ ਢਾਲ ਵਿੱਚ ਦੁਹਰਾਇਆ ਜਾਵੇ
ਕਿਵੇਂ ਪਿੱਨ ਕੈਪਚਰ ਨੂੰ ਪੱਥਰੀ ਢਾਲ ਵਿੱਚ ਦੁਹਰਾਇਆ ਜਾਵੇ
ਕਿਵੇਂ ਪਿੱਨ ਕੈਪਚਰ ਨੂੰ ਪੱਧਰੀ ਢਾਲ ਵਿੱਚ ਦੁਹਰਾਇਆ ਜਾਵੇ
ਕਿਵੇਂ ਪਿੱਨ ਕੈਪਚਰ ਨੂੰ ਪੱਧਰੀ ਢਾਲ ਵਿੱਚ ਦੁਹਰਾਇਆ ਜਾਵੇ
ਕਿਵੇਂ ਕੇਵਲ ਇੱਕ ਵਾਰ ਪਿੱਨ ਕੈਪਚਰ ਦਿਖਾਇਆ ਜਾਵੇ
ਕਿਵੇਂ ਕੇਵਲ ਇੱਕ ਵਾਰ ਪਿੱਨ ਕੈਪਚਰ ਦਿਖਾਇਆ ਜਾਵੇ

ਬਰਾਅਜ਼ਰ ਸਮਰੱਥਾ

ਸਾਰੇ ਸਬੰਧਤ ਬਰਾਅਜ਼ਰਾਂ ਦੀਆਂ ਸਮਰੱਥਾਵਾਂ ਦੇ ਪਹਿਲੇ ਵਰਜਨ ਨੂੰ ਸਿਫ਼ਾਰਸ਼ ਕਰਨ ਲਈ ਸਾਰੇ ਗਿਣਤੀਆਂ ਦਿੱਤੀਆਂ ਹਨ。

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5