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

[ center | [ [ start | end ]? <length-percentage>? ]! ]#

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