CSS Nav-Down Property

CSS 1

CSS 2

CSS 3
No No Yes

Description

This property specifies the position of the current element in the sequential navigation order for the current document.

Syntax

nav-down: [value];

Possible values

  • auto
  • [id]
  • current
  • root
  • [target-name]
  • inherit

Initial Value

Auto

Applies To

All enabled elements

Inherited

No

Media

Interactive

Example

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

View All CSS Properties