nav-index property CSS Reference

Definition and Usage

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

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