CSS3 nav-indexPropiedad
Ejemplo
Especificar el orden de tabulación de dos botones:
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;
}
{
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;
}
Pruébalo »
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que admite la propiedad.
El número que sigue inmediatamente a -webkit-, -ms- o -moz- es la primera versión del navegador que admite la propiedad con el prefijo.
| Propiedad | |||||
|---|---|---|---|---|---|
| nav-index | Incompatible | Incompatible | Incompatible | Incompatible | Supported in Opera 11.5-12. Incompatible con versiones más recientes del navegador |
Definición de la propiedad y uso
La propiedad nav-index especifica el orden de los elementos de navegación consecutivos («orden de tabulación»).
| Valor predeterminado: | auto |
|---|---|
| Heredado: | no |
| Versión: | CSS3 |
| Sintaxis de JavaScript: | object.style.navIndex=2 |
Sintaxis
nav-index: auto|number|inherit;
| Valor | Descripción |
|---|---|
| auto | El orden de tabulación asignado por el navegador al elemento. |
| number | Especifica el orden de tabulación del elemento. 1 significa primero. |
| inherit | Especifica que el valor de la propiedad nav-index debe heredarse del elemento padre. |