CSS content property

Usage

Defines content to be generated in a document. Used with the :before and :after pseudo-elements to attach content before or after a CSS selector. Not supported by all browsers.

Values

  • url([URL]) - location of some content to be generated
  • [string] - text content, contained in quote marks
  • normal - no content is added
  • open-quote - adds an opening quote mark
  • close-quote - adds a closig quote mark
  • no-open-quote - doesn't add an opening quote mark but still increments the quotation nesting
  • no-close-quote - doesn't add a closing quote mark but still decrements the quotation nesting
  • attr([attribute name]) - adds a standard HTML attribute before or after the selector
  • counter([name], [list-style-type]) - displays the current value of the counter called [name], and displays it according to the specified [list-style-type]
  • counters([name], [string], [list-style-type]) - displays the current value of all counters called [name], and displays them according to the specified [list-style-type], with the list separated by the specified [string] character

Example

Code:

blockquote:before {
  content: open-quote;
}

blockquote:after {
  content: url(endquote.gif);
}