Definir el atributo src de un en CSS

Necesito definir el atributo src de un en CSS. ¿Hay alguna manera de especificar este atributo?

#divID { background-image: url("http://imageurlhere.com"); background-repeat: no-repeat; width: auto; /*or your image's width*/ height: auto; /*or your image's height*/ margin: 0; padding: 0; } 

solo esto como la etiqueta img es un elemento de contenido

 img { content:url(http://example.com/image.png); } 

No, no hay. Puede especificar una imagen de fondo, pero eso no es lo mismo.

CSS no se usa para definir valores para los atributos del elemento DOM, javascript sería más adecuado para esto.

No. Lo más cercano que puede obtener es establecer una imagen de fondo:

 
#myimage { width: 20px; height: 20px; background: white url(myimage.gif) no-repeat; }

Después de probar estas soluciones, aún no estaba satisfecho, pero encontré una solución en este artículo y funciona en Chrome, Firefox, Opera, Safari, IE8 +.

 #divId { display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(http://sofes.miximages.com/image/newbanner.png) no-repeat; width: 180px; /* Width of new image */ height: 236px; /* Height of new image */ padding-left: 180px; /* Equal to width of new image */ } 

Ellos están en lo correcto. IMG es un elemento de contenido y CSS se trata de diseño. Pero, ¿qué tal si usas algunos elementos o propiedades de contenido para propósitos de diseño? Tengo IMG en mis páginas web que debe cambiar si cambio el estilo (el CSS).

Bueno, esta es una solución para definir la presentación IMG (no realmente la imagen) en estilo CSS.
1: crea un gif o png transparente de 1×1.
2: Asigne la propiedad “src” de IMG a esa imagen.
3: defina la presentación final con “background-image” en el estilo CSS.

Funciona a las mil maravillas 🙂