CSS ਪਿਛੋਕੜੀ ਸ਼ਾਰਟਕਰਨ

CSS background - ਸ਼ਾਰਟਕਰਨ

ਕੋਡ ਛੋਟਾ ਕਰਨ ਲਈ ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਵਿੱਚ ਸਾਰੇ ਪਿਛੋਕੜੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ।ਇਹ ਸ਼ਾਰਟਕਰਨ ਵਿਸ਼ੇਸ਼ਤਾ ਕਿਹਾ ਜਾਂਦਾ ਹੈ。

ਇਸ ਤਰ੍ਹਾਂ ਲਿਖਣ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ:

body {
  background-color: #ffffff;
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
}

ਤੁਸੀਂ ਸ਼ਾਰਟਕਰਨ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ background:

ਉਦਾਹਰਣ

ਸ਼ਾਰਟਕਰਨ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਅਨੁਸਾਰ ਪਿਛੋਕੜੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਸੈਟ ਕਰੋ:

body {
  background: #ffffff url("tree.png") no-repeat right top;
}

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਸ਼ਾਰਟਕਰਨ ਵਿਸ਼ੇਸ਼ਤਾ ਵਿੱਚ ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ ਦੀ ਕਿਸਮ ਇਹ ਹੈ:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਲੀ ਮੁੱਲ ਲੂਪਟ ਨਹੀਂ ਹੈ ਅਤੇ ਬਾਕੀ ਮੁੱਲਾਂ ਇਸ ਕਰਾਰ ਦੇ ਅਨੁਸਾਰ ਸੈਟ ਕਰੋ।ਮਹਿਮਨ ਨੂੰ ਧਿਆਨ ਦੇਣਾ ਹੈ ਕਿ ਉੱਪਰੋਕਤ ਉਦਾਹਰਣ ਵਿੱਚ ਅਸੀਂ background-attachment ਵਿਸ਼ੇਸ਼ਤਾ ਨਹੀਂ ਵਰਤੀ ਹੈ ਕਿਉਂਕਿ ਇਸ ਕੋਲ ਕੋਈ ਮੁੱਲ ਨਹੀਂ ਹੈ。

ਸਾਰੇ CSS ਪਿਛੋਕੜੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

ਵਿਸ਼ੇਸ਼ਤਾ ਵਰਣਨ
background ਇੱਕ ਬਿਆਨ ਵਿੱਚ ਸਾਰੇ ਪਿਛੋਕੜੀ ਅਤਿਅੰਤ ਸੈਟ ਕਰਨ ਵਾਲੇ ਸ਼ਾਰਟਕਰਨ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਕਰੋ。
background-attachment ਪਿਛੋਕੜੀ ਚਿੱਤਰ ਨੂੰ ਸਥਿਰ ਹੈ ਜਾਂ ਪੰਨੇ ਦੇ ਬਾਕੀ ਹਿੱਸੇ ਨਾਲ ਸਾਂਝਾ ਕਰੋ ਵਾਲੇ ਹੈ ਕਿ ਨਹੀਂ ਸੈਟ ਕਰੋ。
background-clip ਪਿਛੋਕੜੀ ਦੇ ਚਿੱਤਰ ਦਾ ਚਿੱਤਰਣ ਖੇਤਰ ਨਿਰਧਾਰਿਤ ਕਰੋ。
background-color ਇਲਾਕੇ ਦੀ ਪਿਛੋਕੜੀ ਰੰਗ ਸੈਟ ਕਰੋ。
background-image ਇਲਾਕੇ ਦੀ ਪਿਛੋਕੜੀ ਚਿੱਤਰ ਸੈਟ ਕਰੋ。
background-origin ਪਿਛੋਕੜੀ ਚਿੱਤਰ ਨੂੰ ਕਿਥੇ ਰੱਖਣਾ ਹੈ।
background-position پرنٹ بک گریڈ کا شروع مقام تیار کرنا
background-repeat پرنٹ بک گریڈ کو دوبارہ تکرار کرنا، اور کیسے تکرار کرنا
background-size پرنٹ بک گریڈ کو نظر انداز کرنا