সিএসএস unicode-bidi প্রোপার্টি
ব্রাউজার সাপোর্ট
property | Google Chrome | Edge | Mozila Firefox | Safari | Opera |
---|---|---|---|---|---|
unicode-bidi | ২.০ | ৫.৫ | ১.০ | ১.৩ | ৯.২ |
সংজ্ঞা ও ব্যবহার
একটি কন্টেন্ট যদি একাধিক ভাষায় লেখা হয় তখন নির্দিষ্ট ভাষায় কন্টেন্টের টেক্সটকে রূপান্তর করতে unicode-bidi প্রোপার্টি ব্যবহার করা হয়।
Initial Value: | Inherited: | Animatable: |
---|---|---|
normal | হ্যাঁ | না। আরোও জানতে animatable অধ্যায় ভিজিট করুন। |
সিএসএস সিনট্যাক্স
unicode-bidi: normal/embed/bidi-override/intitial/inherit;
একটি টেক্সটকে override করাঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
div.ex1 {
direction: rtl;
unicode-bidi: bidi-override;
}
</style>
</head>
<body>
<div> ডিফল্ট ডিরেকশনে কিছু টেক্সট। </div>
<div class="ex1"> ডান-থেকে-বামে(Right-to-left) ডিরেকশনে কিছু টেক্সট। </div>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সিনট্যাক্স
object.style.unicodeBidi="bidi-override"
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
#text {
margin: auto;
width: 400px;
height: 200px;
background-color: lightblue;
border: 1px solid black;
direction: rtl;
}
</style>
</head>
<body>
<p> DIV এলিমেন্টে unicode-bidi প্রোপার্টিটি সেট করার জন্য "ক্লিক করি" বাটনে ক্লিক করুন: </p>
<button onclick="myFunction()">ক্লিক করি</button>
<div id="text"> এটি একটি DIV এলিমেন্ট। </div>
<script>
function myFunction() {
document.getElementById("text").style.unicodeBidi = "bidi-override";
}
</script>
</body>
</html>
ফলাফল
unicode-bidi প্রোপার্টির ভ্যালু-সমূহ
- normal - এটি ডিফল্ট। কখনো অতিরিক্ত embedding লেভেল ব্যবহার করবেন না।
- embed - অতিরিক্ত embedding লেভেল তৈরী করে।
- bidi-override - direction প্রোপার্টির উপর নির্ভর করে embed এর জন্য অতিরিক্ত লেভেল তৈরী করা ।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে initial অধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।
unicode-bidi প্রোপার্টির ভ্যালু-সমুহের ব্যবহার দেখার জন্য স্ব-স্ব ভ্যালুতে ক্লিক করুন।