阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      CSS3 nav-left

      CSS3 nav-left

      指定导航使用向左箭头和右箭头导航键:

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

      浏览器支持

      表格中的数字表示支持该属性的第一个浏览器版本号。

      紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

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

      属性定义及使用说明

      nav-left的属性指定使用箭头向左导航键导航。

      默认值:auto
      继承:no
      版本:CSS3
      JavaScript 语法:object.style.navLeft="#div2"

      语法

      nav-left: auto|id|target-name|inherit;
      
      说明
      auto浏览器将决定哪个元素导航
      id指定导航到该元素的ID
      target-name指定导航到目标帧
      inherit指定nav-left属性的值,应该从父元素继承
      目录
      目录