CSS nav-down Property
Description
The nav-down
property specifies the position of the current element in the sequential navigation order for the current document.
The nav-down 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.navDown
Syntax
nav-down: 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
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;
}
Browser Support
Desktop | |||||
? | ? | ? | ? | ? | ? |
Tablets / Mobile | |||||
![]() |
|||||
? | ? | ? | ? | ? | ? |