Properti CSS3 nav-index
contoh
Tentukan dua tombol Tab urutan tombol:
tombol # b1
{
top: 20%; kiri: 25%;
nav-index: 1;
nav-kanan: # b2; nav-kiri: # b4;
nav-down: # b2; nav-up: # b4;
}
tombol # b2
{
top: 40%; kiri: 50%;
nav-index: 2;
nav-kanan: # b3; nav-kiri: # b1;
nav-down: # b3; nav-up: # b1;
}
tombol # b3
{
top: 70%; kiri: 25%;
nav-index: 3;
nav-kanan: # b4; nav-kiri: # b2;
nav-down: # b4; nav-up: # b2;
}
tombol # b4
{
top: 40%; kiri: 0%;
nav-index: 4;
nav-kanan: # b1; nav-kiri: # b3;
nav-down: # b1; nav-up: # b3;
}
{
top: 20%; kiri: 25%;
nav-index: 1;
nav-kanan: # b2; nav-kiri: # b4;
nav-down: # b2; nav-up: # b4;
}
tombol # b2
{
top: 40%; kiri: 50%;
nav-index: 2;
nav-kanan: # b3; nav-kiri: # b1;
nav-down: # b3; nav-up: # b1;
}
tombol # b3
{
top: 70%; kiri: 25%;
nav-index: 3;
nav-kanan: # b4; nav-kiri: # b2;
nav-down: # b4; nav-up: # b2;
}
tombol # b4
{
top: 40%; kiri: 0%;
nav-index: 4;
nav-kanan: # b1; nav-kiri: # b3;
nav-down: # b1; nav-up: # b3;
}
Coba »
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
Segera setelah -webkit- digital, -ms- atau moz lalu mendukung awalan atribut nomor versi browser pertama.
属性 | |||||
---|---|---|---|---|---|
nav-index | 不兼容 | 不兼容 | 不兼容 | 不兼容 | Supported in Opera 11.5-12. 不兼容于更新版本的浏览器 |
Definisi atribut dan petunjuk
nav-indeks atribut menentukan urutan ( "Tab kunci agar") elemen navigasi terus menerus.
default: | mobil |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | objek .style.navIndex = 2 |
tatabahasa
nav-index: auto|number|inherit;
nilai | penjelasan |
---|---|
mobil | Tab urutan tombol ditugaskan untuk browser elemen |
jumlah | Tab urutan tombol mewakili elemen. 1 berarti pertama |
mewarisi | Nilai indeks Nav- dari properti yang ditentukan harus diwariskan dari elemen induk |