خصوصیت nav-index

چاپ

مثال (خصوصیت nav-index)

مشخص کردن اینکه هنگام کلیک روی دکمه های مکان نما، عنصر بعدی چه عنصری است:

button#b1
{
top:20%;left:25%;
nav-index:1;
nav-right:#b2;nav-left:#b4;
nav-down:#b2;nav-up:#b4;
}

button#b2
{
top:40%;left:50%;
nav-index:2;
nav-right:#b3;nav-left:#b1;
nav-down:#b3;nav-up:#b1;
}

button#b3
{
top:70%;left:25%;
nav-index:3;
nav-right:#b4;nav-left:#b2;
nav-down:#b4;nav-up:#b2;
}

button#b4
{
top:40%;left:0%;
nav-index:4;
nav-right:#b1;nav-left:#b3;
nav-down:#b1;nav-up:#b3;
}
خودتان امتحان کنید »

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

در حال حاضر خصوصیت nav-down تنها توسط مرورگر Opera پشتیبانی می شود.


تعریف و کاربرد

با استفاده از خصوصیت nav-index می توان ترتیب انتخاب عنصر (tabbing) را مشخص کرد.

مقدار پیشفرض auto
ارث بری خیر
نسخه CSS3
JavaScript ساختار object.style.navIndex=2

نحوه استفاده

nav-index: auto|number|inherit;
مقدارتوضیحات
auto ترتیب انتخاب عناصر توسط مرورگر انجام شود.
number

ترتیب انتخاب عنصر با فشردن دکمه تب(tabbing) را مشخص می کند.

inherit تعیین می کند که باید از والدش، ارث بری داشته باشد.