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;


 }


	 

Додаткові посилання