content Description:
The content property defines content that will be generated by the style sheet for use with :before and :after pseudo-elements.
content in CSS Versions:
content Syntax:
content: normal | none | <string> | <uri> | <counter> | attr(<identifier>) | open-quote | close-quote | no-open-quote | no-close-quote | inherit
- normal
Acts like "none" for :before and :after pseudo-elements. - none
Do not generate the pseudo-element. - <string>
Display the text string. - <uri>
Display an external resource like an image.
- <countert>
Display an integrated counter. - attr(<identifier>)
The value of the attribute specified for that element. - open-quote and close-quote
Display the appropriate quotation string. - no-open-quote and no-close-quote
Do not display quotation marks, but increment the quotation nesting. - inherit
The element should have the same content setting as the parent.
content Initial Value:
normal
content Applies To:
:before and :after pseudo-elements.
content Inheritance:
This property is not inherited.
content Browser Support:
content media type:
- All
content Examples
Put quotes around all blockquote entities
<style>
blockquote:before { content : open-quote; }
blockquote:after { content : close-quote; }
</style>
content Special Notes:
- Internet Explorer does not support this property.
