CSS property: background-origin

Description

Specifies the background positioning area.

For elements rendered as a single box, specifies the background positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes box-decoration-break operates on to determine the background positioning area(s).

Syntax

background-origin: <box> [ , <box> ]*;

Values

<box>
padding-box (by default)The position is relative to the padding box. (For single boxes 0 0 is the upper left corner of the padding edge, 100% 100% is the lower right corner.)
border-boxThe position is relative to the border box.
content-boxThe position is relative to the content box.

Versions