content attribute of img elements

by

The content property as defined in CSS 2.1 applies to :before and :after pseudo-elements only. By CSS rules, you can specify any property for any element, but specifications have limitations on what properties “apply to” (i.e., have effect on) various elements.

The CSS3 Generated and Replaced Content Module, a Working Draft, describes the content property as applying to all elements. It has an example of replacing the content of an h1 element by an image, and surely the same could be done to an img element.

But it’s just a Working Draft. The usual resources on CSS implementation status, QuirksMode.org CSS info and Caniuse.com, do not indicate the situation; they only describe the support to content for :before and :after (which is rather universal except IE 7 and earlier.

More Related Contents:

  1. css transform, jagged edges in chrome
  2. Background color not showing in print preview
  3. Blurry text after using CSS transform: scale(); in Chrome
  4. image moves on hover – chrome opacity issue
  5. Bug with transform: scale and overflow: hidden in Chrome
  6. CSS Border radius not trimming image on Webkit
  7. Removing the image border in Chrome/IE9
  8. CSS3 calc(100%-88px) not working in Chrome [duplicate]
  9. rounded corners on html5 video
  10. CSS3 – How to style the selected text in textareas and inputs in Chrome?
  11. How to keep a flex item from overflowing due to its text? [duplicate]
  12. WebDriverException: unknown error: DevToolsActivePort file doesn’t exist while trying to initiate Chrome Browser
  13. SVG data image not working as a background-image in a pseudo element
  14. Is there a way to get the XPath in Google Chrome?
  15. CSS transition effect makes image blurry / moves image 1px, in Chrome?
  16. How to save CSS changes of Styles panel of Chrome Developer Tools?
  17. See :hover state in Chrome Developer Tools
  18. Is it possible to send an array with the Postman Chrome extension?
  19. Invalid self signed SSL cert – “Subject Alternative Name Missing”
  20. Selenium Timed out receiving message from renderer
  21. Chrome on Android resizes font
  22. What exactly is the `#:~:text=` location hash in an URL? [closed]
  23. Chrome 84 Inspect element, find results not highlighted in yellow like before
  24. Add contextmenu items to a Chrome extension’s browser action button
  25. How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?
  26. Chrome version 18+: How to allow inline scripting with a Content Security Policy?
  27. Contain an image within a div?
  28. chrome : how to turn off user agent stylesheet settings?
  29. How to place Text and an Image next to each other in HTML?
  30. Is it possible to set a src attribute of an img tag in CSS?

Leave a Comment