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

Media

Interactive

Computed value

Specified value

Animatable

No

CSS Version

CSS3

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

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;
}

Browser Support

Desktop
?	?	?	?	?	?
Tablets / Mobile
?	?	?	?	?	?