Definition and Usage
The 'nav-index' property is an input-method-neutral way of specifying the sequential navigation order (also known as "tabbing order").
| Name: | nav-index |
|---|---|
| Value: | auto | <number> | inherit |
| Initial: | auto |
| Applies to: | all enabled elements |
| Inherited: | no |
| Percentages: | n/a |
| Media: | interactive |
| Computed value: | specified value. |
Syntax
nav-index: auto|number|inherit;
Values
- auto
- The 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. '
1' means first. Elements with the same nav-index value are navigated in document order when that nav-index value is being navigated.
Examples
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;
}
