1. Home
  2. CSS nav-right property

The best CSS nav-right property Tutorial In 2024, In this tutorial you can learn Examples,Browser Support,Attribute definitions and instructions,grammar,

CSS nav-right property

Examples

Specifies Use the left navigation and right arrow keys to navigate:

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

Browser Support

Figures in the table represent the first browser to support the version number of the property.

Immediately following the digital -webkit-, -ms- or -moz- ago in support of the prefix attribute first browser version number.

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

Attribute definitions and instructions

nav-right attribute specifies the navigation arrow keys to navigate to the right.

Defaults: auto
inherit: no
version: CSS3
JavaScript syntax: object .style.navRight = 2

grammar

nav-index: auto|number|inherit;

value Explanation
auto Navigator browser which element will determine
id Navigate to specify the ID of the element
target-name Navigate to the specified target frame
inherit Nav-right specify the value of the property should be inherited from the parent element

Hot Tools

Other Tools

Online Tutorial

Website Navigation

CSS nav-right property
10/30