কম্পিউটার টিউটোরিয়াল

CSS-এ পটভূমির ছবি রিপিট (repeat) করা

background-repeat property ব্যবহার করে পটভূমির ছবির পুনরাবৃত্তি নিয়ন্ত্রণ করা যায়। no-repeat মান ব্যবহার করলে ছবিটি শুধু একবার দেখায়।

উদাহরণ

নিচের কোডটি রান করে background-repeat property-র কাজ শিখুন:

<html>
  <head>
    <style>
      body {
        background-image: url("/images/seaborn-4.jpg?v=2");
        background-repeat: repeat;
      }
    </style>
  </head>
  <body>
    <p>Tutorials Point</p>
  </body>
</html>

আধুনিক মান: space (ছবিগুলোর মাঝপথে সমান স্পেস রাখে), round (ছবিগুলো রিসাইজ করে ফিট করে)।

  1. CSS-এ রেডিয়াল গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড ইমেজ সেট করুন

  2. CSS background-repeat প্রোপার্টি দিয়ে ব্যাকগ্রাউন্ড ইমেজ রিপিট নিয়ন্ত্রণ করা

  3. CSS-এ Background শর্টহ্যান্ড প্রপার্টি

  4. CSS দিয়ে ব্যাকগ্রাউন্ড রিপিট (Background Repeat) ব্যবহার করা