সিএসএস(৩) nav-right প্রোপার্টি
ব্রাউজার সাপোর্ট
| property | Google Chrome | Edge | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
| nav-right | সাপোর্ট করে না | সাপোর্ট করে না | সাপোর্ট করে না | সাপোর্ট করে না | অপেরা ১১.৫ - ১২ তে সাপোর্ট করে। নতুন ভার্সনে সাপোর্ট করে না |
সংজ্ঞা ও ব্যবহার
যখন arrow-right ন্যাভিগেশন কী(key) ব্যবহার করা হয় তখন কোথায় ন্যাভিগেট হবে তা nav-right প্রোপার্টির মাধ্যমে নির্দিষ্ট করে দেয়া হয়।
| Initial Value: | Inherited: | Animatable: |
|---|---|---|
| auto | না | না। আরোও জানতে animatable অধ্যায় ভিজিট করুন। |
সিএসএস সিনট্যাক্স
nav-right: auto/id/target-name/initial/inherit;
arrow কী (key) ব্যবহারের মাধ্যমে কোথায় ন্যাভিগেট করা হবে তা নির্ধারণ করা হয়।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
button {
position: absolute;
}
button#b1 {
top: 50%; left: 25%;
nav-index: 1;
nav-right: #b2; nav-left: #b4;
nav-down: #b2; nav-up: #b4;
}
button#b2 {
top: 70%; left: 50%;
nav-index: 2;
nav-right: #b3; nav-left: #b1;
nav-down: #b3; nav-up: #b1;
}
button#b3 {
top: 90%; left: 25%;
nav-index: 3;
nav-right: #b4; nav-left: #b2;
nav-down: #b4; nav-up: #b2;
}
button#b4 {
top: 70%; left: 0%;
nav-index: 4;
nav-right: #b1; nav-left: #b3;
nav-down: #b1; nav-up: #b3;
}
</style>
</head>
<body>
<button id="b1">উপরে</button>
<button id="b2">ডানে</button>
<button id="b3">নিচে</button>
<button id="b4">বামে</button>
<p><b>নোটঃ</b> nav- properties শুধুমাত্র Opera 12 এর মধ্যে সাপোর্ট করে।
এই প্রোপার্টিটি Opera এর নতুন ভার্সনগুলোতে সঠিক ভাবে কাজ করে না।
arrow key এর মাধ্যমে Shift key গুলোকে navigate করা হয়। </p>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সিনট্যাক্স
object.style.navRight="#div2"nav-right প্রোপার্টির ভ্যালু-সমূহ
- auto - ডিফল্ট ভ্যালু। কোন এলিমেন্টটি navigate হবে তা ব্রাউজার নির্ধারন করে দেয়।
- id - navigate হবে এমন এলিমেন্টের id কে নির্দেশ করে।
- target-name - navigate হবে এমন টার্গেট ফ্রেমকে নির্দেশ করে।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে initial অধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।