The "content" CSS Property

This property is 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 | [ <string> | <uri> | <counter> | attr(<identifier>) | open-quote | close-quote | no-open-quote | no-close-quote ]+"

Recommended Links

• CanIUse.com: Search "content" (compatibility information)
• SitePoint Reference: content property
• CSS 2.1: content property
• CSS3: content property
• MDN: content property
• MSDN: 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 http://www.w3.org/TR/WCAG20-TECHS/C9 for more information.

Search Engine Links (for more information)

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