mask-position

The mask-position property specifies the position of a mask.

Formal Syntax

<position>#

Initial value

0% 0%

Applies to

All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element

Inherited

no

Percentages

refer to size of mask painting area minus size of mask layer image; see text background-position [CSS3BG]

Computed value

list, each item consists of two keywords representing the origin and two offsets from that origin, each given as an absolute length (if given a ), otherwise as a percentage.

Animation type

repeatable list

Media

visual

See specification

JavaScript Access

// Access via element.style
element.style.maskPosition = '0% 0%';