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

পরিচয়

HTML DOM Style unicodeBidi প্রোপার্টি টেক্সট কি একই ডকুমেন্টে একাধিক ভাষা সাপোর্ট করার জন্য direction প্রোপার্টির সাথে মিলে ওভাররাইড হবে কিনা তা জানতে এবং সেট করতে ব্যবহৃত হয়।

সিনট্যাক্স

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

object.style.unicodeBidi

মান সেট করা

object.style.unicodeBidi = "value"

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

মান	ব্যাখ্যা
inherit	প্যারেন্ট এলিমেন্ট থেকে এই প্রোপার্টির মান উত্তরাধিকার সূত্রে পায়।
initial	এই প্রোপার্টির মান ডিফল্ট মানতে সেট করে।
normal	কোনো অতিরিক্ত এম্বেডিং লেভেল সেট করে না।
embed	একটি অতিরিক্ত এম্বেডিং লেভেল সেট করে।
bidi-override	একটি অতিরিক্ত এম্বেডিং লেভেল সেট করে এবং direction প্রোপার্টির উপর নির্ভর করে রি-অর্ডার করে।

উদাহরণ

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

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    background: lightblue; 
    height: 100vh; 
    text-align: center; 
  } 
  .btn { 
    background: #db133a; 
    border: none; 
    height: 2rem; 
    border-radius: 2px; 
    width: 40%; 
    display: block; 
    color: #fff; 
    outline: none; 
    cursor: pointer; 
    margin: 1rem auto; 
  } 
</style> </head> <body> 
<h1>DOM Style transformStyle Property Example</h1> 
<p style="direction:ltr">This is a paragraph element with some dummy text.</p> 
<button onclick="add()" class="btn">Set unicodeBidi</button> 
<script> 
  function add() { 
    document.querySelector('p').style.direction = "rtl"; 
    document.querySelector('p').style.unicodeBidi = "bidi-override"; 
  } 
</script> </body> </html>

আউটপুট

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

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

"Set unicodeBidi" বাটনে ক্লিক করলে প্যারাগ্রাফ এলিমেন্টে unicodeBidi CSS প্রোপার্টি সেট হবে।

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