Is it possible to set the equivalent of a src attribute of an img tag in CSS?

IT Nursery

April 29, 2022

Is it possible to set the src attribute value in CSS? At present, what I am doing is:

<img src="https://stackoverflow.com/questions/2182716/pathTo/myImage.jpg"/>

and I want it to be something like this

<img class="myClass"/>

.myClass {
    some-src-property: url("https://stackoverflow.com/questions/2182716/pathTo/myImage.jpg");

I want to do this without using the background or background-image: properties in CSS.

25 s
25

Use content:url("image.jpg").

Full working solution (Live Demo):

<!doctype html>

<style>
.MyClass123{
	content:url("https://imgur.com/SZ8Cm.jpg");
}
</style>

<img class="MyClass123"/>

Tested and working:

Tested and Not working:

FireFox 40.0.2 (observing Developer Network Tools, you can see that the URL loads, but the image is not displayed)
Internet Explorer 11.0.9600.17905 (URL never loads)

Tags: CSS HTML image src