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.
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access