سی ایس ایس پس منظر تکرار
- پچھلے پیج سی ایس ایس پس منظر تصویر
- پائیدار پیج سی ایس ایس پس منظر جا
CSS background-repeat
ਮੂਲ ਰੂਪ ਵਿੱਚbackground-image ਵਿਸ਼ੇਸ਼ ਵਿਸ਼ੇਸ਼ ਪ੍ਰਤੀਭਾਵ ਵਿੱਚ ਦੁਹਰਾਉਣਾ ਹੈ
ਕੁਝ ਚਿੱਤਰਾਂ ਨੂੰ ਸਿਰਫ਼ ਹੌਰੀਜ਼ਨਟਲ ਜਾਂ ਵਿਕਲਪਤ ਦਿਸ਼ਾ ਵਿੱਚ ਦੁਹਰਾਉਣਾ ਚਾਹੀਦਾ ਹੈ ਨਾਲ ਹੀ ਉਹ ਬਿਹਤਰ ਲਗਦੇ ਹਨ, ਜਿਵੇਂ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇਣਗੇ:
مثال
body {
background-image: url("gradient_bg.png");
}
ਜੇਕਰ ਉੱਪਰ ਦਾ ਚਿੱਤਰ ਸਿਰਫ਼ ਹੌਰੀਜ਼ਨਟਲ ਦਿਸ਼ਾ ਵਿੱਚ ਦੁਹਰਾਉਣਾ ਹੈ (background-repeat: repeat-x;) ਤਾਂ ਬੈਕਗਰਾਊਂਡ ਬਿਹਤਰ ਲਗੇਗਾ:
مثال
body {
background-image: url("gradient_bg.png");
background-repeat: repeat-x;
}
ਸਲਾਹ:ਜੇਕਰ ਤੁਸੀਂ ਅਕਸਰ ਪਹਿਲਾਂ ਅਤੇ ਪਿੱਛੇ ਪਾਸੇ ਕੀਤਾ ਹੈ ਤਾਂ ਬੈਕਗਰਾਊਂਡ ਦੇ ਰੰਗ ਨੂੰ ਸ਼ਾਇਦ ਬਿਹਤਰ ਲਗੇਗਾ: background-repeat: repeat-y;。
CSS background-repeat: no-repeat
background-repeat پس منظر تصویر کو صرف ایک بار نمائش کیلئے استعمال ہوتا ہے:
مثال
پس منظر تصویر صرف ایک بار نمائش کی جائے:
body {
background-image: url("tree.png");
background-repeat: no-repeat;
}
اس مثال میں پس منظر تصویر اور متن کا مقام ایک ساتھ ہوتا ہے۔ ہم چاہتے ہیں کہ تصویر کا مقام بدل جائے تاکہ تصویر کی باریکیت کا اثر متن پر نہ ہو。
CSS پس منظر کی نمائش
background-position پس منظر کی تصویر کی نمائش کا مقام کا معین کرنے کیلئے استعمال ہوتا ہے。
مثال
پس منظر کی تصویر کو اپر دائیں کونے میں رکھنا:
body {
background-image: url("tree.png");
background-repeat: no-repeat;
background-position: right top;
}
- پچھلے پیج سی ایس ایس پس منظر تصویر
- پائیدار پیج سی ایس ایس پس منظر جا
