Background Origin with Border Radius

Background Origin
Background Origin with Border Radius (testing)

Each container is 100px in height and has a border and padding of 25px equaling all together 200px. The border-radius is 100px so each end should be perfectly rounded.

1. background-origin: border

2. background-origin: padding

3. background-origin: content

Safari 3 (WebKit) and Firefox 3.5 (Gecko) currently supports all properties (some with vender-prefix). IE9 and Opera do not support background-origin.

Please see CSS3 Backgrounds and Borders Module.

CSS Class test
CSS
Backgrounds