Авторский знак. Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

октябрь 2020
Пн Вт Ср Чт Пт Сб Вс
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - nav-index

Поддержка Браузеров

Opera Опера 12 и выше.

Определение и использование. Свойство nav-index определяет последовательный порядок навигации( "последовательности перехода") для элемента. По-другому говоря, свойство nav-index указывает последовательность получения фокуса, с помощью клавиш навигации.

Особенно интересное и полезное в данном случае не в том, что совершается какое-то изменение какого-то участка( элемента) страницы сайта. Вся удивительная и необходимая информация содержится в том, что свойство nav-index, которое действует через стили CSS3 самостоятельно и независимо работает и при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать, потому как работает постоянно и стабильно.

Синтаксис:

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

Описания и Использования

Default value: auto
наследует: нет
Версия: CSS3
JavaScript синтаксис: object.style.navIndex="#div2"

Свойства Значения

Значение Описание
auto Значение по умолчанию. Браузер определяет, какой элемент для перехода к
id Определяет идентификатор элемента перейдите к
target-name Задает целевой фрейм, чтобы перейти к
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу: 

< !DOCTYPE html>
< html>
< head>
< style>
button
{
position:absolute;
}
button#k1
{
top:10%;left:50%;
nav-index:1;
nav-right:#k2; nav-left:#k4;
nav-down:#k2; nav-up:#k4;
}

button#k2
{
top:45%;left:80%;
nav-index:2;
nav-right:#k3; nav-left:#k1;
nav-down:#k3; nav-up:#k1;
}

button#k3
{
top:80%;left:50%;
nav-index:3;
nav-right:#k4; nav-left:#k2;
nav-down:#k4; nav-up:#k2;
}

button#k4
{
top:45%;left:10%;
nav-index:4;
nav-right:#k1; nav-left:#k3;
nav-down:#k1; nav-up:#k3;
}
< /style>
< /head>
< body>
< div id="rr">
< button id="k1">Кнопка 1< /button>
< button id="k2">Кнопка 2< /button>
< button id="k3">Кнопка 3< /button>
< button id="k4">Кнопка 4< /button>
< /div>
< p>< b>Внимание!!!< /b> nav-объекты в настоящее время поддерживается 
только в Opera 12 и выше. Удерживайте нажатой клавишу Shift во время 
                     навигации с помощью клавиш со стрелками.< /p>

< /body>
< /html>

Результат программы:

Внимание!!! nav-объекты в настоящее время поддерживается только в Opera 12 и выше. Удерживайте нажатой клавишу Shift во время навигации с помощью клавиш со стрелками.



seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: