কম্পিউটার

জাভাস্ক্রিপ্টের সাথে ইমেজ সীমানার অভ্যন্তরীণ অফসেটগুলি কীভাবে সেট করবেন?


চিত্রের সীমানার অভ্যন্তরীণ অফসেট সেট করতে, borderImageSlice ব্যবহার করুন জাভাস্ক্রিপ্টে সম্পত্তি।

উদাহরণ

কিভাবে borderImageSlice প্রয়োগ করতে হয় তা শিখতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন সম্পত্তি।

<!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: 0 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.borderImageSlice = "20% 20%";
         }
      </script>
   </body>
</html>

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

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

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

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