سی ای ایس بیک گراؤنڈ ریپیٹ اپریئنسیز

کورس سفارش:

تعریف اور استعمال background-repeat

مقصد، کس طرح پس منظر تصویر کا تکرار کیا جائے اور کس طرح نہ کیا جائے

تفصیلات

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-position کی تعین کے مطابق ہوتا ہے۔ اگر background-position کا مقصد مقرر نہیں کیا جائے تو تصویر ایلیمنٹ کے سمت چپ اور اوپر کی جگہ رکھا جائے گا۔

جسمانی زبان

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

پرائیوٹی

پرائیوٹی

مقصد توضیح
repeat مقصد: پس منظر تصویر عمودی اور افقی طور پر تکرار کیا جائے گا۔
repeat-x پس منظر تصویر افقی طور پر تکرار کیا جائے گا۔
repeat-y پس منظر تصویر عمودی طور پر تکرار کیا جائے گا۔
no-repeat پس منظر تصویر صرف ایک مرتبہ دکھایا جائے گا۔
inherit یہ مقرر کرتا ہے کہ پیرن ایلیمنٹ سے background-repeat کا حوالہ لیا جائے۔

تکنیکی تفصیلات

مقصد: repeat
وارثیتی: no
ورژن: CSS1
جسمانی زبان: 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