CSS3 nav-down 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-down property specifies where to navigate when using the arrow-down navigation key.

Default value: auto
Inherited: no
Animatable: no. Read about animatable
Version: CSS3
JavaScript syntax: object.style.navDown="#div2"

Browser Support

The nav-down property is only supported in Opera 12 and some earlier versions. This property became deprecated and obsolete in Opera 15.

Property
nav-down Not supported Not supported Not supported Not supported Supported in Opera 11.5-12.
 Not supported in newer versions

CSS Syntax

nav-down: 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




SHARE THIS PAGE

COLOR PICKER

colorpicker