Опубликовано: 18.08.2010 Последняя правка: 08.12.2015
CSS1CSS2CSS2.1CSS3
IEChromeFireFoxOperaSafari

nav-right

Свойство CSS nav-right используется для указания элемента, который получит фокус при переходе от текущего элемента с помощью клавиши отвечающей за навигацию вправо. Скорее всего, в браузере, по умолчанию, это будет клавиша «стрелка вправо» — →.

Тип свойства

Назначение: интерфейс.

Применяется: ко всем элементам, которые не являются деактивированными, то есть могут получить фокус.

Наследуется: нет.

Значения

Значением свойства nav-right является указание элемента, который получит фокус одним из следующих способов.

  • auto — браузер самостоятельно выбирает, к какому элементу будет сделан переход.
  • Идентификатор — указывается значение id элемента, перед которым ставится знак решетка (#). Если указанный идентификатор соответствует текущему элементу, то перевода фокуса не будет. Кроме этого, дополнительно к идентификатору можно добавить (через пробел) один из необязательных параметров:
    1. Целевое имя — имя фрейма, в котором находится элемент с данным id. Оно не может начинаться со знака подчеркивания (_). Если такого фрейма нет, то действует, как current.
    2. current — элемент с id находится в том же окне или фрейме, что и текущий (от которого будет переход).
    3. root — элемент с id находится в родительском (главном) окне всех фреймов.
  • inherit — наследует значение nav-right от родительского элемента.

Процентная запись: не существует.

Значение по умолчанию: auto.

Синтаксис

nav-right: auto | идентификатор [current | root | целевое имя ]? | inherit

Пример CSS: использование nav-right

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - CSS свойство nav-right</title>
  <style type="text/css">
   #b1 {
    nav-up: #b1; /* при нажатии кнопки клавиатуры ВВЕРХ перехода не будет */
    nav-right: #b2; /* кнопка ВПРАВО - переход к Кнопка 2 */
    nav-bottom: #b3; /* кнопка ВНИЗ - переход к Кнопка 3 */
    nav-left: #b1; /* кнопка ВЛЕВО - перехода не будет */
   }
   #b2 {
    nav-up: #b2; /* кнопка ВВЕРХ - перехода не будет */
    nav-right: #b2; /* кнопка ВПРАВО - перехода не будет */
    nav-bottom: #b4; /* кнопка ВНИЗ - переход к Кнопка 4 */
    nav-left: #b1; /* кнопка ВЛЕВО - переход к Кнопка 1 */
   }
   #b3 {
    nav-up: #b1;
    nav-right: #b4;
    nav-bottom: #b3;
    nav-left: #b3;
   }
   #b4 {
    nav-up: #b2;
    nav-right: #b4;
    nav-bottom: #b4;
    nav-left: #b3;
   }
  </style>
 </head>
 <body>
  <p><button id="b1">Кнопка 1</button> <button id="b2">Кнопка 2</button></p>
  <p><button id="b3">Кнопка 3</button> <button id="b4">Кнопка 4</button></p>
 </body>
</html>

Результат примера

Версии CSS

Версия:CSS 1CSS 2CSS 2.1CSS 3
Поддержка:НетНетНетДа

Браузеры

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:НетНетНетНетНет

На момент написания этой страницы справочника ни один из браузеров не понимал свойство nav-right.

CSS по алфавиту
CSS по назначению