কম্পিউটার

জাভাস্ক্রিপ্ট দিয়ে ব্যাকগ্রাউন্ড ইমেজের পজিশনিং এরিয়া কিভাবে সেট করবেন?


জাভাস্ক্রিপ্টে ব্যাকগ্রাউন্ড ইমেজের পজিশনিং এরিয়া সেট করতে, backgroundOrigin ব্যবহার করুন সম্পত্তি।

উদাহরণ

ব্যাকগ্রাউন্ডের জন্য ইমেজের পজিশনিং এরিয়া কীভাবে সেট করতে হয় তা শিখতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন -

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: 2px dashed yellow;
            padding: 35px;
            width: 600px;
            height: 400px;
            background: url('https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg') no-repeat;
         }
      </style>
   </head>
   <body>
      <button onclick="display()">Set area of background image</button>
      <div id="box">
         This is Demo Text! This is Demo Text! This is Demo Text!
         This is Demo Text! This is Demo Text!
      </div>
      <script>
         function display() {
            document.getElementById("box").style.backgroundOrigin = "content-box";
         }
      </script>
   </body>
</html>

  1. জাভাস্ক্রিপ্ট দিয়ে লেখার ফন্ট সাইজ কিভাবে সেট করবেন?

  2. জাভাস্ক্রিপ্টের সাথে একটি উপাদানের অনুভূমিক প্রান্তিককরণ কিভাবে সেট করবেন?

  3. জাভাস্ক্রিপ্টের সাথে ছোট বড় অক্ষরে প্রদর্শিত ফন্টটি কীভাবে সেট করবেন?

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