CSS nav-down

The CSS nav-down property is for navigating with directional navigation keys (such as the "down" arrow on the keyboard).

The property determines where the focus will be placed when the user navigates with the down arrow (or other navigational key).

The nav-down property can be used with the nav-up, nav-left, and nav-right properties to navigate in four different directions.

Most desktop computers and laptops have keyboards that contain four arrow keys. Whilst these are good candidates for the nav-* properties, user agents could also make this configurable so that the user decides which keys will be used for directional navigation.

At the time of writing, the nav-down property has little to no support from the major browsers.


Possible Values

Here are the possible values:

The browser/user agent determines which element to navigate the focus to.
Specifies the ID selector of an element to navigate to. When the user navigates, the focus is changed to the first element in the document tree with this ID.
Specifies the target frame to navigate to. Must be a string but it must not start with an underscore "_" character.


Represents the value specified as the property's initial value.
Represents the computed value of the property on the element's parent.

Basic Property Information

Initial Value
Applies To
All enabled elements.

Example Code

Basic CSS

Working Example within an HTML Document

Try it

CSS Specifications

Vendor Prefixes




