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.