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
Single, non-repeated background image at '0% 0%' |
||
---|---|---|
'border-box'
|
'padding-box’'
|
'content-box'
|
Non-repeated and repeated background image at '0% 0%' |
||
'border-box'
|
'padding-box'
|
'content-box'
|
Single, non-repeated background image at '100% 100%' |
||
'border-box'
|
'padding-box'
|
'content-box'
|
Non-repeated and repeated background image at '100% 100%' |
||
'border-box'
|
'padding-box'
|
'content-box'
|