CSS Background-Origin Property

CSS 1

CSS 2

CSS 3
No No Yes

Description

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 the ‘background-break’ operates on to determine the background positioning area(s).  

Syntax

background-origin: [value];

Possible values

  • border-box
  • padding-box
  • content-box

Initial Value

Auto

Applies To

padding-box

Inherited

No

Media

Visual

Example

.box {
  backround-origin: padding-box;
}

View All CSS Properties