কম্পিউটার

CSS ব্যবহার করে ব্যাকগ্রাউন্ড রিপিট করুন


সিএসএস ব্যাকগ্রাউন্ড-রিপিট প্রপার্টি ব্যবহার করা হয় কিভাবে ব্যাকগ্রাউন্ড ইমেজ রিপিট হয় তা নির্ধারণ করতে।

সিনট্যাক্স

CSS ব্যাকগ্রাউন্ড-রিপিট প্রপার্টির সিনট্যাক্স নিম্নরূপ -

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

উদাহরণ

নিম্নলিখিত উদাহরণগুলি CSS ব্যাকগ্রাউন্ড-রিপিট প্রপার্টি −

চিত্রিত করে
<!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 ব্যবহার করে ব্যাকগ্রাউন্ড রিপিট করুন

উদাহরণ

<!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 ব্যবহার করে ব্যাকগ্রাউন্ড রিপিট করুন


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

  2. কিভাবে CSS ব্যবহার করে একটি স্বচ্ছ ব্যাকগ্রাউন্ড টেক্সট সহ একটি ইমেজ তৈরি করবেন?

  3. RGBA ব্যবহার করে CSS স্বচ্ছতা

  4. CSS-এ ডেটা-অ্যাট্রিবিউট (ডেটা-*) ব্যবহার করা