您现在的位置: 365建站网 > 建站教程 > css教程 > CSS3 nav-index 属性

CSS3 nav-index 属性

此节有 87 人学习过     参与评论

实例

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

</>code

  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. button#b2
  9. {
  10. top:40%;left:50%;
  11. nav-index:2;
  12. nav-right:#b3;nav-left:#b1;
  13. nav-down:#b3;nav-up:#b1;
  14. }
  15. button#b3
  16. {
  17. top:70%;left:25%;
  18. nav-index:3;
  19. nav-right:#b4;nav-left:#b2;
  20. nav-down:#b4;nav-up:#b2;
  21. }
  22. button#b4
  23. {
  24. top:40%;left:0%;
  25. nav-index:4;
  26. nav-right:#b1;nav-left:#b3;
  27. nav-down:#b1;nav-up:#b3;
  28. }

亲自试一试

浏览器支持

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

定义和用法

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

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

语法

</>code

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

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (87人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------
css教程目录

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号