CSS nav-right Property

Description

The nav-right property specifies the position of the current element in the sequential navigation order for the current document.

The nav-right property has been deprecated or is no longer in any CSS working groups.

Initial value: auto
Applies to: All enabled elements
Inherited: No
Media: Interactive
Computed value: As specified
Animatable: No
CSS Version: CSS3
JavaScript syntax: object.style.navRight

Syntax

nav-right: auto | <id> [ current | root | <target-name> ]? | inherit

Values

autoThe user agent automatically determines which element to navigate the focus to in response to directional navigational input.
<id>The <id> value consists of a '#' character followed by an identifier, similar to a fragment identifier in a URL. It indicates the element to which the focus is navigated to in response to directional navigation input respective to the specific property.
currentIndicates to use the frame that the element is in.
rootIndicates that the user agent should target the full window.
<target-name>The <target-name> parameter indicates the target frame for the focus navigation. It is a string and it cannot start with the underscore "_" character.

Example

CSS

button { position: absolute }

button#b1 {
  top:0; left:50%;
  nav-index:1;
  nav-right:#b2; nav-left:#b4;
  nav-down:#b2; nav-up:#b4;
}

button#b2 {
  top:50%; left:100%;
  nav-index:2;
  nav-right:#b3; nav-left:#b1;
  nav-down:#b3; nav-up:#b1;
}

button#b3 {
  top:100%; left:50%;
  nav-index:3;
  nav-right:#b4; nav-left:#b2;
  nav-down:#b4; nav-up:#b2;
}

button#b4 {
  top:50%; left:0;
  nav-index:4;
  nav-right:#b1; nav-left:#b3;
  nav-down:#b1; nav-up:#b3;
}