คุณสมบัติ CSS3 NAV-ดัชนี

ตัวอย่าง

ระบุสองปุ่ม Tab ลำดับที่สำคัญ:

ปุ่ม # B1
{
ด้านบน: 20%; ซ้าย: 25%;
NAV-ดัชนี: 1;
NAV-ขวา: # B2; NAV-ซ้าย: # B4;
NAV-ลง: # B2; NAV-up: # B4;
}

ปุ่ม # B2
{
ด้านบน: 40%; ซ้าย: 50%;
NAV-ดัชนี: 2;
NAV-ขวา: # B3; NAV-ซ้าย: # B1;
NAV-ลง: # B3; NAV-up: # B1;
}

ปุ่ม # B3
{
ด้านบน: 70%; ซ้าย: 25%;
NAV-ดัชนี: 3;
NAV-ขวา: # B4; NAV-ซ้าย: # B2;
NAV-ลง: # B4; NAV-up: # B2;
}

ปุ่ม # B4
{
ด้านบน: 40%; ซ้าย: 0%;
NAV-ดัชนี: 4;
NAV-ขวา: # B1; NAV-ซ้าย: # B3;
NAV-ลง: # B1; NAV-up: # B3;
}

ลอง»

สนับสนุนเบราว์เซอร์

ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน

ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- ที่ผ่านมาในการสนับสนุนของคำนำหน้าแอตทริบิวต์หมายเลขรุ่นเบราเซอร์แรก

属性
nav-index 不兼容 不兼容 不兼容 不兼容 Supported in Opera 11.5-12.
不兼容于更新版本的浏览器

แอตทริบิวต์คำจำกัดความและคำแนะนำ

NAV-ดัชนีแอตทริบิวต์ระบุการสั่งซื้อ ( "แท็บคำสั่งซื้อที่สำคัญ") องค์ประกอบนำทางอย่างต่อเนื่อง

เริ่มต้น: รถยนต์
มรดก: ไม่
เวอร์ชัน: CSS3
ไวยากรณ์ javascript: วัตถุ .style.navIndex = 2


ไวยากรณ์

nav-index: auto|number|inherit;

ความคุ้มค่า คำอธิบาย
รถยนต์ ลำดับที่สำคัญแท็บเบราว์เซอร์ได้รับมอบหมายให้องค์ประกอบ
จำนวน ลำดับที่สำคัญแท็บแสดงให้เห็นถึงองค์ประกอบ 1 หมายแรก
สืบทอด ค่าดัชนี Nav- ของคุณสมบัติที่ระบุควรได้รับการสืบทอดมาจากองค์ประกอบหลัก