CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS :before Selector
Complete CSS Selector Reference
Example
Insert content before every <p> element's content:
p:before
{
content:"Read this: ";
}
{
content:"Read this: ";
}
Try it yourself »
Definition and Usage
The :before selector inserts content before the content of the selected element(s).
Use the content property to specify the content to insert.
Browser Support
The :before selector is supported in all major browsers.
Note: For :before to work in IE8, a <!DOCTYPE> must be declared.
Related Pages
CSS tutorial: CSS Pseudo-elements
CSS Selector Reference: CSS :after selector
Try it Yourself - Examples
Example
Insert content before every <p> element's content, and style the inserted content:
p:before
{
content:"Read this -";
background-color:yellow;
color:red;
font-weight:bold;
}
{
content:"Read this -";
background-color:yellow;
color:red;
font-weight:bold;
}
Try it yourself »
Complete CSS Selector Reference
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
