Define an img s src attribute in CSS

Question

I need to define an  lt img  s src attribute in CSS   Is there a way to specify this attribute

User · Answer

just this as img tag is a content element  img       content url http   example com image png

User · Answer

CSS is not used to define values to DOM element attributes  javascript would be more suitable for this

User · Answer

After trying these solutions I still wasn t satisfied but I found a solution in this article and it works in Chrome  Firefox  Opera  Safari  IE8    divId      display  block    -moz-box-sizing  border-box    box-sizing  border-box    background  url http   notrealdomain2 com 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

User · Answer

They are right  IMG is a content element and CSS is about design  But  how about when you use some content elements or properties for design purposes  I have IMG across my web pages that must change if i change the style  the CSS    Well this is a solution for defining IMG presentation  no really the image  in CSS style  1  create a 1x1 transparent gif or png  2  Assign propery  src  of IMG to that image  3  Define final presentation with  background-image  in the CSS style   It works like a charm

User · Answer

No  The closest you can get is setting a background image    lt div id  myimage  gt  lt  div gt    myimage     width  20px    height  20px    background  white url myimage gif  no-repeat

User · Answer

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

User · Answer

No there isn t  You can specify a background image but that s not the same thing

[css] Define an <img>'s src attribute in CSS

Examples related to css

Examples related to attributes

Examples related to image