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
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
The following table will show you the current browser support for the CSS nav-index
property.
Desktop | |||||
? | ? | ? | ? | ? |
Tablets / Mobile | |||||
? | ? | ? | ? | ? | ? |