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



Color Picker

colorpicker