background-origin#

#Introduction

The background-origin CSS property sets the background's origin: from the border start, inside the border, or inside the padding.

#Examples

css-apisrc/background-origin/App.tsx

Preview

#Syntax

background-origin: border-box
background-origin: padding-box
background-origin: content-box
// multiple bg-origin
background-origin: content-box, padding-box;

#Values

• Default value padding-box
  The background is positioned relative to the border box.

• border-box
  The background is positioned relative to the padding box.

• content-box
  The background is positioned relative to the content box.

#Formal definition

#Formal Syntax

border-box | padding-box | content-box

#Difference between web

• Not support inherit.

#Compatibility