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

CSS-এ পটভূমির ছবির পুনরাবৃত্তি নিয়ন্ত্রণে কোন property ব্যবহার করা হয়?

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

উদাহরণ

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

<html>
  <head>
    <style>
      body {
        background-image: url("/css/images/css.jpg");
        background-repeat: repeat;
      }
    </style>
  </head>
  <body>
    <p>Tutorials Point</p>
  </body>
</html>

প্রধান মানগুলো:

  • repeat (ডিফল্ট): ছবি আড়ত-বাড়ত রিপিট হয়
  • no-repeat: ছবি শুধু একবার দেখায়
  • repeat-x: শুধু horizontally রিপিট হয়
  • repeat-y: শুধু vertically রিপিট হয়
  1. CSS Border Image: ইমেজ ব্যবহার করে বর্ডার তৈরি করার টেকনিক

  2. অ্যানিমেশনের গতি কার্ভ সেট করার CSS প্রোপার্টি

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

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