Name

content — NN n/a IE n/a CSS 2

Synopsis

Inherited: No

Note that the details on this attribute are very preliminary. Defines the actual content or source of content to be displayed before and/or after the current element. This attribute is set only with the :before and :after pseudo-elements associated with a real element. For example, in the following style sheet rule:

BLOCKQUOTE:before, BLOCKQUOTE:after {
content: "<HR STYLE=\"align: middle; width: 50%\">"}

a horizontal rule is drawn before and after every BLOCKQUOTE element. In this case, the content is a string of text that is rendered as HTML. If the situation warrants it, an external document can be assigned to the content attribute.

CSS Syntax

content: string | uri | counter+

Value

For a string value, any text inside a quoted pair. Internal quote marks should be escaped (\"). For a URI, any valid complete or relative URL. (Details of counter and anticipated future value types are not yet available.)

Initial Value

"" (empty string)

Example

BODY:before {content: header.htm}

Applies To

All elements plus a :before and/or :after pseudo-element.

Get Dynamic HTML: The Definitive Reference now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.