Ejemplo
Especificar dónde navegar utilizando las teclas de flecha:
button#b1
{
top: 20%; left: 25%;
nav-index: 1;
nav-right: #b2; nav-left: #b4;
nav-down: #b2; nav-up: #b4;
}
button#b2
{
top: 40%; left: 50%;
nav-index: 2;
nav-right: #b3; nav-left: #b1;
nav-down: #b3; nav-up: #b1;
}
button#b3
{
top: 70%; left: 25%;
nav-index: 3;
nav-right: #b4; nav-left: #b2;
nav-down: #b4; nav-up: #b2;
}
button#b4
{
top: 40%; left: 0%;
nav-index: 4;
nav-right: #b1; nav-left: #b3;
nav-down: #b1; nav-up: #b3;
}
Inténtalo tú mismo " Definición y Uso
La propiedad nav-index especifica el orden secuencial de navegación ("tabbing order") para un elemento.
| Valor por defecto: | auto |
|---|---|
| Heredado: | no |
| animatable: | no. Read about animatable |
| Versión: | CSS3 |
| la sintaxis de JavaScript: | object .style.navIndex=2 |
Soporte para el navegador
La propiedad nav-índice sólo se admite en Opera 12 y algunas versiones anteriores. Esta propiedad se ha hecho obsoleto y obsoleto en Opera 15.
| Propiedad | |||||
|---|---|---|---|---|---|
| nav-index | No soportado | No soportado | No soportado | No soportado | Apoyado en Opera 11,5-12. No se admite en las versiones más recientes |
sintaxis CSS
nav-index: auto|number|initial|inherit;Valores de propiedad
| Valor | Descripción |
|---|---|
| auto | Valor por defecto. orden de tabulación del elemento se le asigna por el navegador |
| number | Indica el orden de pestañas del elemento. 1 significa primero |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |