The "content" CSS Property

This property is typically used with the ::before and ::after pseudo-elements to generate content in a document.

Values for "content"

CSS Level	Value
CSS 2.1	"normal | none | [ <string> | <uri> | <counter> | attr(<identifier>) | open-quote | close-quote | no-open-quote | no-close-quote ]+"
CSS3	"normal | none | [ <content-replacement> | <content-list> ] [/ [ <string> | <counter> ]+ ]?"

Recommended Links

• CanIUse.com: Search "content" (browser compatibility information)
• CanIEmail.com: Search "content" (email client compatibility information)
• CSS 2.1: content property
• CSS3: content property
• MDN: content property

Accessibility Information & Tips

• Use CSS to include decorative images wherever possible. The CSS "background", "background-image", "content", and "list-style-image" properties can be used. This avoids additional markup in the content. Visit https://www.w3.org/TR/WCAG20-TECHS/C9 for more information.

Search Engine Links (for more information)

• Bing "CSS content property"
• Google "CSS content property"