কম্পিউটার

জাভাস্ক্রিপ্টের সাথে সীমানা হিসাবে ব্যবহার করার জন্য চিত্রটি কীভাবে সেট করবেন?


ইমেজটিকে জাভাস্ক্রিপ্টে সীমানা হিসাবে ব্যবহার করার জন্য সেট করতে, borderImageSource ব্যবহার করুন একটি ছবি যোগ করতে৷

উদাহরণ

আপনি borderImageSource এর সাথে কীভাবে কাজ করবেন তা শিখতে নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন একটি সীমানা হিসাবে চিত্র সেট করার জন্য সম্পত্তি −

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color:blue;
            border: 40px dashed;
            border-image: url('https://www.tutorialspoint.com/images/neo4j.png');
            border-image-slice: 50;
            border-image-width: 1 1 1 1;
            border-image-outset: 0;
            border-image-repeat: round;
         }
      </style>
   </head>
   <body>
      <div id="box">
         <p>Demo Text!</p>
      </div>
      <button onclick="display()">Set Inward Offsets</button>
      <script>
         function display() {
            document.getElementById("box").style.borderImageSource = "url('https://www.tutorialspoint.com/images/bugzilla.png')";
         }
      </script>
   </body>
</html>

  1. জাভাস্ক্রিপ্টের সাথে বাম সীমানার স্টাইল কিভাবে সেট করবেন?

  2. জাভাস্ক্রিপ্টের সাথে বাম সীমানার রঙ কীভাবে সেট করবেন?

  3. জাভাস্ক্রিপ্ট দিয়ে একটি ছবির উজ্জ্বলতা এবং বৈসাদৃশ্য কিভাবে সেট করবেন?

  4. জাভাস্ক্রিপ্টের সাথে তালিকা-আইটেম চিহ্নিতকারী হিসাবে একটি চিত্র কিভাবে সেট করবেন?