background-position-x

The background-position-x property sets the horizontal position of a background image.

Formal Syntax

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

Initial value

0%

Applies to

all elements

Inherited

no

Percentages

refer to width of background positioning area minus width 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.backgroundPositionX = '0%';

Logical Property Group

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

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