CSS 3 nav-right 属性

css nav-right 属性指定使用箭头向右导航键导航

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

语法

nav-index: auto| *number* |inherit;


值说明

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

浏览器支持

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

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

Chrome  IEFirefox  Safari  Opera
不兼容不兼容不兼容不兼容11.5-12.
不兼容于更新版本的浏览器

范例

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

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

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/6_397

目录选择