এলিমেন্টের ব্যাকগ্রাউন্ড প্রোপার্টিগুলো background অ্যাট্রিবিউট দিয়ে নির্দিষ্ট করা যায়। এতে নিম্নলিখিত মানগুলো নেওয়া যায়: background-color, background-image, background-repeat, background-position, background-clip, background-size, background-origin এবং background-attachment।
সিনট্যাক্স
CSS background প্রোপার্টির সিনট্যাক্স:
Selector { background: /*value*/ }উদাহরণ
নিচের উদাহরণগুলো CSS background প্রোপার্টি প্রদর্শন করে:
<!DOCTYPE html> <html> <head> <style> body { background: gray url("https://www.tutorialspoint.com/pytorch/images/pytorch.jpg") no-repeat; font-size: 1.2em; color: black; } h2 { -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px black; } p { box-shadow: 0 0 5px 5px black; } </style> </head> <body> <h2><i>PYTORCH Tutorial</i></h2> <p>This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </p> <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> </body> </html>আউটপুট
এটি নিচের আউটপুট দেবে:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> h2 { background-color: bisque; } div { margin: auto; background-color:orange; width: 40%; } </style> </head> <body> <h2>Demo Text</h2> <div>demo demo demo demo</div> </body> </html>আউটপুট
এটি নিচের আউটপুট দেবে:
