সিএসএস দিয়ে কীভাবে ব্যাকগ্রাউন্ড ইমেজ রিপিট না করা যায়

আপনি যদি CSS প্রপার্টি background-image ব্যবহার করেন আপনার ওয়েবসাইটে একটি পটভূমি হিসাবে একটি ছবি এম্বেড করতে, আপনি হয়ত লক্ষ্য করেছি যে আপনার ছবি আপনার ওয়েব পৃষ্ঠার প্রস্থ এবং উচ্চতা পূরণ করতে অসীমভাবে পুনরাবৃত্তি হয়৷

এটি ঘটে কারণ ডিফল্টরূপে, ব্রাউজারে CSS বৈশিষ্ট্য background-repeat থাকে repeat এ সেট করুন .

ব্যাকগ্রাউন্ডের ছবিগুলিকে পুনরাবৃত্তি করা বন্ধ করতে, কেবল ডিফল্ট repeat ওভাররাইড করুন no-repeat সহ মান , এই মত:

body {
  background-image: url("path-to-image.jpg");
  background-repeat: no-repeat;
}

এখন আপনার ব্যাকগ্রাউন্ড ইমেজ শুধুমাত্র একবার দেখাবে!