Contoh
Tentukan mana untuk menavigasi ketika menggunakan tombol panah:
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;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti nav-index menentukan urutan navigasi berurutan ("tabbing order") untuk elemen.
| nilai default: | auto |
|---|---|
| mewarisi: | no |
| animatable: | no. Read about animatable |
| Versi: | CSS3 |
| sintaks JavaScript: | object .style.navIndex=2 |
Dukungan Browser
Properti nav-indeks hanya didukung di Opera 12 dan beberapa versi sebelumnya. Properti ini menjadi usang dan usang dalam Opera 15.
| Milik | |||||
|---|---|---|---|---|---|
| nav-index | Tidak didukung | Tidak didukung | Tidak didukung | Tidak didukung | Didukung di Opera 11,5-12. Tidak didukung dalam versi yang lebih baru |
CSS Syntax
nav-index: auto|number|initial|inherit;Nilai properti
| Nilai | Deskripsi |
|---|---|
| auto | nilai default. Agar tabbing elemen ditugaskan oleh browser |
| number | Menunjukkan urutan tabbing untuk elemen. 1 berarti pertama |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |