CSS3 nav-left Property


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