background-position-y

The background-position-y property sets the vertical position of a background image.

Formal Syntax

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

Initial value

0%

Applies to

all elements

Inherited

no

Percentages

refer to height of background positioning area minus height 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.backgroundPositionY = '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
• background-position-y (current property)