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

পরিচয়

HTML DOM Style wordBreak প্রোপার্টি চাইনিজ, জাপানিজ এবং কোরিয়ান স্ক্রিপ্ট বাদে অন্যান্য স্ক্রিপ্টের জন্য লাইন ব্রেকিং নিয়ম জানতে এবং সেট করতে ব্যবহৃত হয়।

সিনট্যাক্স

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

object.style.wordBreak

মান সেট করা

object.style.wordBreak = "value"

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

উদাহরণ

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

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    background: lightblue; 
    height: 100vh; 
  } 
  p { 
    border: 2px solid #fff; 
    width: 120px; 
  } 
  .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 wordBreak Property Example</h1> 
<p>Thisisaparagraphelement.</p> 
<button onclick="add()" class="btn">Set wordBreak</button> 
<script> 
  function add() { 
    document.querySelector('p').style.wordBreak = "break-all"; 
  } 
</script> </body> </html>

আউটপুট

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

"Set wordBreak" বাটনে ক্লিক করলে প্যারাগ্রাফ এলিমেন্টের ভেতরের লম্বা শব্দ ভেঙে যাবে: