CSS3 nav-index 属性


实例

指定两个按钮的Tab键顺序:

  1. 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;
    }
运行一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

属性定义及使用说明

nav-index属性指定了连续的导航元素的顺序("Tab键顺序")。

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

语法

  1. nav-index: auto|number|inherit;

说明
auto 浏览器指派的元素的Tab键顺序
number 表示该元素的Tab键顺序。 1意味着首先
inherit 指定nav- index属性的值应该从父元素继承