CSS nav-left

Obsolete

The nav-* properties (directional focus navigation) were proposed in early drafts of the CSS Basic User Interface Module Level 3, but have since been removed from the specification due to a lack of browser implementation. They are considered obsolete and should not be used.

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

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

The nav-left property can be used with the nav-down, nav-up, 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.

Syntax

Possible Values

Here are the possible values:

auto: The browser/user agent determines which element to navigate the focus to.
<id>: 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.
<target-name>: Specifies the target frame to navigate to. Must be a string but it must not start with an underscore "_" character.

In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:

initial: Represents the value specified as the property's initial value.
inherit: Represents the computed value of the property on the element's parent.
unset: This value acts as either inherit or initial, depending on whether the property is inherited or not. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable.

Basic Property Information

Initial Value: auto
Applies To: All enabled elements.
Inherited?: No
Media: Interactive
Animatable: No

Example Code

Basic CSS

Working Example within an HTML Document

View Output Full Screen Preview

CSS Specifications

The nav-left property was originally defined in early drafts of the CSS Basic User Interface Module Level 3, but was completely removed from the specification in Level 4. It is obsolete.

Browser Support

Browser support for CSS properties can vary, particularly for newer or experimental features. Check current browser compatibility before using a property in production, especially when supporting older browsers.

Initial Value

CSS properties have an initial value that applies when the property has not been explicitly set. The initial value is different from the value inherited from a parent element and may vary between properties.

Inheritance

Some CSS properties inherit their computed value from their parent element by default, while others do not. The inherit, initial, unset, and revert keywords can also be used to control how a property gets its value.

Vendor Prefixes

Most modern CSS properties use the standard, unprefixed syntax. Vendor-prefixed properties such as -webkit- are mainly relevant to older browser versions or specific features and should only be used when required by your browser support targets.