CSS3 Tests: Border Styles

Tests of new CSS3 Border Declarations.

Declarations

On this page I test box-shadow and Border images. Later on I'll add more, once I understand exactly what they're supposed to do and the correct syntax. Also here is a test of the 'appearance' property.

Box-shadow

This is used for creating drop shadows. The below text has box-shadow: 0.1em 0.1em #999;. If you see a drop shadow your browser supports box-shadow. The syntax is the same for margin widths: top right left bottom color.

This is the test div.

Border Images

The below DIV should have a thick green border at the top. If it does your browser supports border images.

This DIV has border-top-image: url(btest.gif);

Results

No support at all.