CSS3 Tests: Miscellaneous Stuff

Tests of random CSS3 Stuff.

Contents

This is where the tests are for stuff that doesn't fit in anywhere else.

icon

Replace any element with an icon; used in conjunction with display: icon. Specify an icon with icon: url(image.gif), and use p.icon { display: icon; }, and the p with class="icon" will be replaced with that icon. Testsheet: 
div#it {
icon: url(css3icon.gif);
display: icon;
}
Your browser does not support icon and/or display: icon

Appearance

Appearance is a useful property to make any element appear as anything from a push button to a tooltip. The below DIV should look like a checkbox.
This div has appearance: checkbox
• Mozilla on XP and OS X supports -moz-appearance.
This div should like like a checkbox. This DIV uses -moz-appearance: checkbox

Results

No browser the official icon display yet (thanks Pavel for the Safari 1.2 info).
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?us1256514837" alt="setstats" border="0" width="1" height="1"></noscript> <IMG SRC="http://geo.yahoo.com/serv?s=76001055&amp;t=1256514837&amp;f=us-w2" ALT=1 WIDTH=1 HEIGHT=1>