CSS ব্যাকগ্রাউন্ড-পজিশন প্রপার্টিটি মূলের সাথে সম্পর্কিত একটি ব্যাকগ্রাউন্ড ইমেজের জন্য একটি প্রাথমিক অবস্থান সেট করতে ব্যবহৃত হয়।
সিনট্যাক্স
CSS ব্যাকগ্রাউন্ড-পজিশন প্রপার্টির সিনট্যাক্স নিম্নরূপ -
Selector {
background-position: /*value*/
} নিম্নলিখিত উদাহরণগুলি CSS ব্যাকগ্রাউন্ড-পজিশন প্রপার্টি −
চিত্রিত করেউদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
div {
margin: 30px;
padding: 100px;
background-image: url("https://www.tutorialspoint.com/images/C-programming.png"), url("https://www.tutorialspoint.com/images/Swift.png"), url("https://www.tutorialspoint.com/images/xamarian.png");
background-repeat: no-repeat;
background-position: 15% 20%, top, right;
border: 1px solid;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
p {
margin: 20px;
padding: 80px;
background-image: url("https://www.tutorialspoint.com/images/dbms.png"), url("https://www.tutorialspoint.com/images/Operating-System.png");
background-repeat: no-repeat;
background-position: 0 0, bottom right;
background-color: lemonchiffon;
}
</style>
</head>
<body>
<p>This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. This is demo paragraph. </p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
