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

HTML DOM Style wordSpacing প্রোপার্টি


পরিচয়

HTML DOM Style wordSpacing প্রোপার্টি একটি HTML ডকুমেন্টে টেক্সটের শব্দগুলোর মধ্যবর্তী স্পেসিং জানতে এবং সেট করতে ব্যবহৃত হয়।

সিনট্যাক্স

মান ফেরত দেওয়া

object.style.wordSpacing

মান সেট করা

object.style.wordSpacing = "value"

প্রাপ্য মানসমূহ

মান ব্যাখ্যা
initial এই প্রোপার্টির মান ডিফল্ট মানতে সেট করে।
inherit প্যারেন্ট এলিমেন্ট থেকে এই প্রোপার্টির মান উত্তরাধিকার সূত্রে পায়।
normal শব্দগুলোর মধ্যবর্তী সাধারণ স্পেসিং সেট করে।
length লেন্থ ইউনিট দিয়ে শব্দগুলোর মধ্যবর্তী স্পেসিং নির্ধারণ করে।

উদাহরণ

নিচে HTML DOM Style wordSpacing প্রোপার্টির একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    background: lightblue; 
    height: 100vh; 
  } 
  .btn { 
    background: #db133a; 
    border: none; 
    height: 2rem; 
    border-radius: 2px; 
    width: 40%; 
    display: block; 
    color: #fff; 
    outline: none; 
    cursor: pointer; 
    margin: 1rem 0; 
  } 
</style> </head> <body> 
<h1>DOM Style wordSpacing Property Example</h1> 
<p>This is a paragraph element.</p> 
<button onclick="add()" class="btn">Change wordSpacing</button> 
<script> 
  function add() { 
    document.querySelector('p').style.wordSpacing = "30px"; 
  } 
</script> </body> </html>

আউটপুট

উপরের কোড নিচের আউটপুটটি উত্পন্ন করবে:

HTML DOM Style wordSpacing প্রোপার্টি

"Change wordSpacing" বাটনে ক্লিক করলে শব্দ スペেসিং পরিবর্তন হবে:

HTML DOM Style wordSpacing প্রোপার্টি

  1. HTML DOM Style textDecorationColor প্রোপার্টি

  2. HTML DOM Style transformStyle প্রোপার্টি

  3. HTML DOM Style transformOrigin প্রোপার্টি

  4. HTML DOM Style wordSpacing প্রোপার্টি