Background Origin

Please view test below the next heading (new syntax) for the new values for background-origin.

Each container is 100px in height and has a border and padding of 25px equaling all together 200px.

New syntax using border-box, padding-box and content-box values

1. background-origin: border-box
2. background-origin: padding-box
3. background-origin: content-box

Safari 5 (WebKit), IE9 and Opera currently supports all properties. Firefox 3.6 (Gecko) do not support background-origin with the new values.

Old syntax using border, padding and content values

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 this background-origin.

Please see CSS3 Backgrounds and Borders Module.