CSS3 nav-right Property


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

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

Browser Support

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

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

CSS Syntax

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




Search w3schools.com:

Translate w3schools.com: