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

Властивість nav-index вказує послідовний порядок навігації (коли Ви натискаєте кнопку "Tab") для елемента.

Нотатка:

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

Синтаксис

nav-index: auto|number|initial|inherit;

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


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

number: Вказує порядок табуляції для елемента. 1 означає, що перший

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

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

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

Переглядач
nav-index	Не підтримується	Не підтримується	Не підтримується	Не підтримується	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;


 }