কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে ব্যাকগ্রাউন্ড ইমেজের আকার (size) কীভাবে সেট করবেন?

জাভাস্ক্রিপ্টে ব্যাকগ্রাউন্ড ইমেজের আকার সেট করতে backgroundSize প্রপার্টি ব্যবহার করা হয়। এটি ব্যাকগ্রাউন্ডের জন্য ইমেজ সাইজ সেট করতে দেয়।

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: 2px dashed blue;             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 size of background image</button>       <div id="box">       </div>       <script>          function display() {             document.getElementById("box").style.backgroundSize = "150px 200px";          }       </script>    </body> </html>
  1. জাভাস্ক্রিপ্টে টেক্সটের ফন্ট আকার সেট করা

  2. জাভাস্ক্রিপ্টে ফন্টের বোল্ডনেস (মোটা) সেট করা

  3. জাভাস্ক্রিপ্টে লিস্ট-আইটেম মার্কার হিসেবে ছবি সেট করা

  4. জাভাস্ক্রিপ্টে একটি এলিমেন্টের চারদিকের মার্জিন সেট করা