Tutorial Properti CSS3 nav-index Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,Dukungan Browser,Definisi atribut dan petunjuk,tatabahasa,

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;
}

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
Properti CSS3 nav-index
10/30