CSS nav-index Property

Description

The nav-index property is an input-method-neutral way of specifying the sequential navigation order (also known as "tabbing order").

The nav-index property has been deprecated or is no longer in any CSS working groups.

Initial value: auto
Applies to: All enabled elements
Inherited: No
Computed value: Specified value
Animatable: No
JavaScript syntax: object.style.navIndex

Syntax

nav-index: auto | <number> | inherit

Values

autoThe element's sequential navigation order is assigned automatically by the user agent.
<number>The number (which is non-zero and positive) indicates the sequential navigation order for the element.
inherit

Example

CSS

button { position: absolute }

button#b1 {
  top:0; left:50%;
  nav-index:1;
  nav-right:#b2; nav-left:#b4;
  nav-down:#b2; nav-up:#b4;
}

button#b2 {
  top:50%; left:100%;
  nav-index:2;
  nav-right:#b3; nav-left:#b1;
  nav-down:#b3; nav-up:#b1;
}

button#b3 {
  top:100%; left:50%;
  nav-index:3;
  nav-right:#b4; nav-left:#b2;
  nav-down:#b4; nav-up:#b2;
}

button#b4 {
  top:50%; left:0;
  nav-index:4;
  nav-right:#b1; nav-left:#b3;
  nav-down:#b1; nav-up:#b3;
}