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.
Hosted by www.Geocities.ws

<!-- text below generated by server. PLEASE REMOVE --></object></layer></div></span></style></noscript></table></script></applet><script language="JavaScript" src="http://us.i1.yimg.com/us.yimg.com/i/mc/mc.js"></script><script language="JavaScript" src="http://us.js2.yimg.com/us.js.yimg.com/lib/smb/js/hosting/cp/js_source/geov2_001.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.geocities.yahoo.com/visit.gif?us1256514836" alt="setstats" border="0" width="1" height="1"></noscript> <IMG SRC="http://geo.yahoo.com/serv?s=76001055&amp;t=1256514836&amp;f=us-w5" ALT=1 WIDTH=1 HEIGHT=1>