HTML DOM Style backgroundImage প্রপার্টি

backgroundImage প্রপার্টি ব্যবহার করে একটি এলিমেন্টের জন্য ব্যাকগ্রাউন্ড ইমেজ সেট বা রিটার্ন করা হয়।

সিনট্যাক্স

backgroundImage প্রপার্টি সেট করার সিনট্যাক্স:

object.style.backgroundImage = "url('URL')|none|initial|inherit"

মানসমূহ

উদাহরণ

backgroundImage প্রপার্টির উদাহরণ:

<!DOCTYPE html> <html> <head> <style> 
  #DIV1 { 
    height: 300px; 
    width: 500px; 
    background-image: url("https://www.tutorialspoint.com/mongodb/images/mongodb-minilogo.jpg"); 
    background-repeat: no-repeat; 
    background-size: cover; 
  } 
</style> 
<script> 
  function changeBackImage(){ 
    document.getElementById("DIV1").style.backgroundImage="url('https://www.tutorialspoint.com/plsql/images/plsql-mini-logo.jpg')"; 
    document.getElementById("Sample").innerHTML="The background image is now changed to PL/SQL Tutorial"; 
  } 
</script> 
</head> 
<body> 
<h2>Learn</h2> 
<div id="DIV1"></div> 
<p>Change the above div background image by clicking the below button</p> 
<button onclick="changeBackImage()">CHANGE IMAGE</button> 
<p id="Sample"></p> 
</body> </html>

আউটপুট

নিচের আউটপুট তৈরি হবে:

CHANGE IMAGE বাটনে ক্লিক করলে: