CSS3 nav-index 属性

实例

规定在使用方向键时向何处导航:

  1. button#b1
  2. {
  3. top:20%;left:25%;
  4. nav-index:1;
  5. nav-right:#b2;nav-left:#b4;
  6. nav-down:#b2;nav-up:#b4;
  7. }
  8.  
  9. button#b2
  10. {
  11. top:40%;left:50%;
  12. nav-index:2;
  13. nav-right:#b3;nav-left:#b1;
  14. nav-down:#b3;nav-up:#b1;
  15. }
  16.  
  17. button#b3
  18. {
  19. top:70%;left:25%;
  20. nav-index:3;
  21. nav-right:#b4;nav-left:#b2;
  22. nav-down:#b4;nav-up:#b2;
  23. }
  24.  
  25. button#b4
  26. {
  27. top:40%;left:0%;
  28. nav-index:4;
  29. nav-right:#b1;nav-left:#b3;
  30. nav-down:#b1;nav-up:#b3;
  31. }

浏览器支持

目前只有 Opera 支持 nav-index 属性。

定义和用法

nav-index 属性规定元素的连续导航次序 ("tabbing order")。

默认值: auto
继承性: no
版本: CSS3
JavaScript 语法: object.style.navIndex=2

语法

  1. nav-index: auto|number|inherit;
描述
auto 由浏览器分配元素的导航键控制次序。
number 指示元素的导航键控制次序。1 代表第一个。
inherit 规定应从父元素继承 nav-index 属性的值。