[CSS3 proposal] 'replace-by-image' property

I think that [X]HTML image tag <img src="..." /> is OK for 
content-related images (photos for articles etc.), but not for 
navigation (<ul><li><a href="mailto:a@b.c"><img src="mail.png" 
alt="Mail" /></a></li></ul>), where it is going to be a little 
presentational. It could be made so:

	<style type="text/css">
	ul li#mail{replace-by-image:url("mail.png");}
	@media print{ul li#mail{replace-by-image:none;}}
	</style>

	<ul><li id="mail"><a href="mailto:a@b.c">Mail</a></li></ul>

If the image could not be loaded (or document would be printed), then
only text would be displayed, otherwise there would appear mail.png image.

That gives a possibility of editing look of page only from CSS, not 
[X]HTML. Earlier I had many problems with making printable versions of 
page (e.g. overriding logo by black'n'white version was requiring 
separated printable version in another HTML document).

-- 
Nikodem
JID: nikn@jabber.org

--
Opole - Miasto Bez Granic.
http://www.opole.pl - tu znajdziesz nowe miejsca, nowe mo¿liwo¶ci, nowe inspiracje...