CSS3 Tests: Miscellaneous Stuff

Tests of random CSS3 Stuff.

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).

CSS3 Tests: Miscellaneous Stuff

Contents

icon

Appearance

Results