In the following examples, the dotted border indicates the extent of the content box of the outer block, and the text indicates the -ah-background-clip value. All background images are the same size.
The examples use these images for repeated and non-repeated backgrounds, respectively: and
-ah-background-clip: with -ah-background-origin: border-box; | ||
---|---|---|
'border-box'
|
'padding-box’'
|
'content-box'
|
-ah-background-clip: with -ah-background-origin: padding-box; | ||
'border-box'
|
'padding-box'
|
'content-box'
|
-ah-background-clip: with -ah-background-origin: content-box; | ||
'border-box'
|
'padding-box'
|
'content-box'
|