css властивість nav-down
Властивість nav-down вказує, де здійснювати навігацію за допомогою клавіші зі стрілкою "Вниз".
Щоб зрозуміти використання цієї властивості, подумайте, що на вашій веб-сторінці є деякі елементи HTML. Тепер, якщо один з цих елементів сфокусований (або обраний), і ви хочете передати фокус іншого елементу при натисканні клавіші зі стрілкою «вниз» на клавіатурі, ви можете вказати ідентифікатор останнього для властивості nav-down. Точно так же, як ця властивість, є три інших властивості nav-up, nav-right і nav-left для навігації по фокусу при натисканні клавіш «нагору», «справа» і «вліво» відповідно.
| Нотатка: | Увага! Ця властивість підтримується лише браузером Opera 11.5-12, в усіх інших браузерах (навіть пізніших версіях Opera) вона не працює! |
Синтаксис
nav-down: auto|id|target-name|initial|inherit;Властивість nav-down може отримувати 5 значень:
autoЗначення без задання. Порядок табуляції елементу присвоюється браузером
idВизначає ідентифікатор елемента для навігації
target-nameЗадає цільової фрейм для навігації
initialВстановлює властивість у значення без задання
inheritВказує на спадковість властивостей від свого батьківського елемента
| Значення без задання: | auto |
|---|---|
| Наслідує: | Ні |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.navDown="#div2" |
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| nav-down | Не підтримується |
Не підтримується |
Не підтримується |
Не підтримується |
11.5 – 12.0 |
Мобільних переглядачів ще не додано.
Мобільних переглядачів ще не додано.
Приклади
Приклад використання властивості
Вказує навігацію за допомогою клавіші вниз
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%; n
av-index: 4; n
av-right: #b1; n
av-left: #b3; n
av-down: #b1; n
av-up: #b3;
}