• 技术文章 >web前端 >前端问答

    css nav-down属性怎么用

    藏色散人藏色散人2019-05-30 15:07:11原创1479
    css nav-down属性用于规定当使用nav-down导航键时,向何处进行导航,其语法是nav-down: auto|id|target-name|inherit。

    css nav-down属性怎么用?

    定义和用法

    nav-down 属性规定当使用 nav-down 导航键时,向何处进行导航。

    默认值: auto

    继承性: no

    版本: CSS3

    JavaScript 语法:

     object.style.navDown="#div2"

    语法

    nav-down: auto|id|target-name|inherit;

    属性值

    auto 浏览器决定导航到哪个元素。

    id 规定被导航元素的 id。

    target-name 规定被导航的目标框架。

    inherit 规定应从父元素继承 nav-down 属性的值。

    实例

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

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

    效果输出:

    e0ae81840af8ec98cfe9b8181faf052.png

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

    以上就是css nav-down属性怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css nav-down
    上一篇:css border-bottom-style属性怎么用 下一篇:css min-width属性怎么用
    Web大前端开发直播班

    相关文章推荐

    • css opacity属性怎么用• css border-left属性怎么用• css left属性怎么用• css border-bottom-style属性怎么用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网