CSS3 nav-down property
Examples
Requiring that in using the arrow keys to navigate where:
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;
}
{
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-down | 不兼容 | 不兼容 | 不兼容 | 不兼容 | Supported in Opera 11.5-12. 不兼容于更新版本的浏览器 |
Attribute definitions and instructions
nav-down property regulations when using the nav-down navigation key, where to navigate.
| Defaults: | auto |
|---|---|
| inherit: | no |
| version: | CSS3 |
| JavaScript syntax: | object .style.navDown = "# div2" |
grammar
nav-down: auto | id |target-name | inherit;
| value | Explanation |
|---|---|
| auto | Decide which browser to navigate to the elements. |
| id | Provision was id navigation elements. |
| target-name | Provision was the target frame navigation. |
| inherit | Provisions shall inherit the parent element value nav-down property. |
