Beispiel
Geben Sie an, zu navigieren, wenn die Pfeiltasten:
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;
}
Versuch es selber " Definition und Verwendung
Die nav-Index - Eigenschaft gibt die sequentielle Navigationsreihenfolge ("tabbing order") für ein Element.
| Standardwert: | auto |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS3 |
| JavaScript-Syntax: | object .style.navIndex=2 |
Browser-Unterstützung
Die nav-Index Eigenschaft wird nur in Opera 12 und einigen früheren Versionen unterstützt. Diese Eigenschaft wurde als veraltet und überholt in Opera 15.
| Eigentum | |||||
|---|---|---|---|---|---|
| nav-index | Nicht unterstützt | Nicht unterstützt | Nicht unterstützt | Nicht unterstützt | Unterstützt in Opera 11,5-12. Nicht in neueren Versionen unterstützt |
CSS-Syntax
nav-index: auto|number|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| auto | Standardwert. Die Tabulator-Reihenfolge des Elements wird durch den Browser zugewiesen |
| number | Gibt die Tabulatorreihenfolge für das Element. 1 bedeutet zuerst |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |