css властивість nav-right

Властивість nav-right вказує, де здійснювати навігацію за допомогою клавіші зі стрілкою "Праворуч".

Нотатка:

Увага! Ця властивість підтримується лише браузером Opera 11.5-12, в усіх інших браузерах (навіть пізніших версіях Opera) вона не працює!

Синтаксис

nav-right: auto|id|target-name|initial|inherit;

Властивість nav-right може отримувати 5 значень:


auto: Значення без задання. Порядок табуляції елементу присвоюється браузером

id: Визначає ідентифікатор елемента для навігації

target-name: Задає цільової фрейм для навігації

initial: Встановлює властивість у значення без задання

inherit: Вказує на спадковість властивостей від свого батьківського елемента

Значення без задання:	auto
Наслідує:	Ні
Анімується:	Ні
JavaScript синтаксис:	object.style.navRight="#div2"

Переглядач
nav-right	Не підтримується	Не підтримується	Не підтримується	Не підтримується	11.5 – 12.0

Мобільних переглядачів ще не додано.

Приклади

Приклад 1
Приклад 2

Приклад використання властивості

See the Pen <a href='https://codepen.io/MichaelBondar/pen/KvjxbZ/'>KvjxbZ</a> by MichaelBondar (<a href='https://codepen.io/MichaelBondar'>@MichaelBondar</a>) on <a href='https://codepen.io'>CodePen</a>.

Вказує навігацію за допомогою клавіші вправо

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; 


}