CSS background-position প্রপার্টি একটি ব্যাকগ্রাউন্ড ইমেজের আরিজিন সাপেক্ষে প্রাথমিক পজিশন সেট করতে ব্যবহৃত হয়।
সিনট্যাক্স
CSS background-position প্রপার্টির সিনট্যাক্স নিচের মতো:
Selector { background-position: /*value*/ }
নিচের উদাহরণগুলো CSS background-position প্রপার্টি ব্যাখ্যা করে:
উদাহরণ
<!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>
আউটপুট
উপরোক্ত কোডের আউটপুট:
