Specifies the content to insert before or after the element.
Platform Support
| IE | Netscape | Mozilla | Opera | Safari | no | 6.0+ | 1.0+ | 7.0+ | 1.0+ |
|---|
Usage
[url(image-url) | quote-style-value]. Example values: url(images/bluestar.gif), "Chapter: ", open-quote, etc.
Values
| * | Specify a value for content that is not on this list. |
| inherit | Inherit the value from the parent element. |
| open-quote | Insert an open quote. |
| close-quote | Insert a close quote. |
| no-open-quote | Increment the nesting level of quotes, but do not insert quotes. |
| no-close-quote | Decrement the nesting level of quotes, but do not insert quotes. |
Example
To specify that a paragraph should have an image from an "images" directory called "bluestar.gif" before it use the following syntax: p:before {content: url(images/bluestar.gif);}.
Remarks
Use content to specify either a quote style or an image to use (similar to a bullet) before or after an element.
Availability
W3C CSS2
