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

পরিচয়

HTML DOM Style wordWrap প্রোপার্টি একটি HTML ডকুমেন্টে লম্বা শব্দ ভেঙে পরবর্তী লাইনে র‍্যাপ হবে কিনা তা জানতে এবং সেট করতে ব্যবহৃত হয়।

সিনট্যাক্স

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

object.style.wordWrap

মান সেট করা

object.style.wordWrap = "value"

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

উদাহরণ

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

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    background: lightblue; 
    height: 100vh; 
  } 
  p { 
    border: 2px solid #fff; 
    width: 100px; 
  } 
  .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 wordWrap Property Example</h1> 
<p>This is a paragraph element. This is a veryveryveryverylongword. This is another veryveryverylongword.</p> 
<button onclick="add()" class="btn">Set wordWrap</button> 
<script> 
  function add() { 
    document.querySelector('p').style.wordWrap = "break-word"; 
  } 
</script> </body> </html>

আউটপুট

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

"Set wordWrap" বাটনে ক্লিক করলে লম্বা শব্দগুলো র‍্যাপ হতে পারবে: