nav-up属性设置或检索对象的导航方向,有四个属性值可以设置:auto(浏览器决定导航到哪个元素), id(规定被导航元素的id,target-name (规定被导航的目标框架),inherit(规定应从父元素继承 nav-up 属性的值) 。
css nav-up属性如何使用?
作用:nav-up 属性规定当使用 nav-up 导航键时,向何处进行导航。
语法:
nav-up: auto|id|target-name|inherit;
登录后复制
说明:
auto: 浏览器决定导航到哪个元素。
id :规定被导航元素的 id。
target-name:规定被导航的目标框架。
inherit:规定应从父元素继承 nav-up 属性的值。
注:目前只有 Opera 支持 nav-up 属性。
css nav-up属性使用示例
nbsp;html>button {position: absolute;}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;}注释:目前只有 Opera 支持 nav-* 属性。当您使用方向键导航时,请同时按下 Shift 键。
登录后复制
效果图:
以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。更多精彩内容大家可以关注【创想鸟】相关教程栏目!!!
以上就是nav-up属性如何使用的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2889022.html