background-position-inline

The background-position-inline property sets the inline axis position of a background image.

🚧 Draft — This property is defined in a W3C Draft and may be subject to change

Formal Syntax

Initial value

0%

Applies to

all elements

Inherited

no

Percentages

refer to inline-size of background positioning area minus inline-size of background image

Computed value

A list, each item consisting of: an offset given as a computed value, plus an origin keyword

Animation type

repeatable list

See specification

JavaScript Access

// Access via element.style element.style.backgroundPositionInline = "0%";

Logical Property Group

This property belongs to the background-position logical property group, which includes:

• background-position-block
• background-position-inline (current property)
• background-position-x
• background-position-y