Example
Specify where to navigate when using the arrow keys:
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;
}
Try it Yourself »
Definition and Usage
The nav-left property specifies where to navigate when using the arrow-left navigation key.
| Default value: | auto |
|---|---|
| Inherited: | no |
| Animatable: | no. Read about animatable |
| Version: | CSS3 |
| JavaScript syntax: | object.style.navLeft="#div2" |
Browser Support
The nav-left property is only supported in Opera 12 and some earlier versions. This property became deprecated and obsolete in Opera 15.
| Property | |||||
|---|---|---|---|---|---|
| nav-left | Not supported | Not supported | Not supported | Not supported | Supported in Opera 11.5-12. Not supported in newer versions |
CSS Syntax
nav-left: auto|id|target-name|initial|inherit;
Property Values
| Value | Description |
|---|---|
| auto | Default value. The browser determines which element to navigate to |
| id | Specifies the id of the element to navigate to |
| target-name | Specifies the target frame to navigate to |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |