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

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

CSS background-repeat প্রোপার্টি ব্যাকগ্রাউন্ড ইমেজ কীভাবে রিপিট হবে তা ডিফাইন করতে ব্যবহৃত হয়।

সিনট্যাক্স

CSS background-repeat প্রোপার্টির সিনট্যাক্স নিচের মতো:

Selector {    background-repeat: /*value*/ }

উদাহরণ

নিচের উদাহরণগুলো CSS background-repeat প্রোপার্টি ব্যাখ্যা করে:

<!DOCTYPE html> <html> <head> <style> body {    background-image: url("https://www.tutorialspoint.com/images/microsoftproject.png");    background-repeat: repeat; } </style> </head> <body> </body> </html>

আউটপুট

এটি নিচের আউটপুট দেয়:

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

আরেকটি উদাহরণ

<!DOCTYPE html> <html> <head> <style> ul {    background-image: url("https://www.tutorialspoint.com/images/questions-answers.png");    background-repeat: space repeat; } </style> </head> <body> <h2>Tutorials</h2> <ul> <li>Java</li> <li>C#</li> <li>Etherum</li> <li>DBMS</li> <li>OS</li> </ul> </body> </html>

আউটপুট

এটি নিচের আউটপুট দেয়:

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

  1. CSS ব্যবহার করে ব্যাকগ্রাউন্ড ইমেজ সেট করা

  2. CSS দিয়ে ট্রান্সপারেন্ট ব্যাকগ্রাউন্ড টেক্সটসহ ইমেজ তৈরি

  3. RGBA ব্যবহার করে CSS ট্রান্সপারেন্সি

  4. CSS-এ Data-Attributes (data-*) ব্যবহার করা