কম্পিউটার

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


ছবির সীমানার প্রস্থ সেট করতে, borderImageWidth ব্যবহার করুন জাভাস্ক্রিপ্টে সম্পত্তি।

উদাহরণ

ছবি হিসাবে সীমানার প্রস্থ কিভাবে সেট করতে হয় তা শিখতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন -

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color:gray;
            border: 40px solid;
            border-image: url('https://www.tutorialspoint.com/images/neo4j.png');
            border-image-slice: 50;
            border-image-width: 20px;
            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 Width</button>
      <script>
         function display(){
            document.getElementById("box").style.borderImageWidth = "20px 30px";
         }
      </script>
   </body>
</html>

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

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

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

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