CSS content Property
Complete CSS Reference
Example
The following example inserts the URL in parenthesis after each link:
a:after
{
content: " (" attr(href) ")";
} |
Try it yourself »
|
Definition and Usage
The content property is used with the :before and :after pseudo-elements, to insert generated content.
| Default value: |
normal |
| Inherited: |
no |
| Version: |
CSS2 |
| JavaScript syntax: |
object.style.content="url(beep.wav)" |
Browser Support
The content property is supported in all major browsers.
Note: Internet Explorer 8 (and higher) supports the content property if a !DOCTYPE
is specified.
Property Values
| Value |
Description |
| none |
|
| normal |
|
| content specifications |
|
| inherit |
Specifies that the value of the content property should be inherited
from the parent element |
Related Pages
CSS reference: :before pseudo element
CSS reference: :after pseudo element
Complete CSS Reference
 |
W3Schools' Online Certification Program
The perfect solution for professionals who need to balance work, family, and career building.
More than 4000 certificates already issued!
|
The HTML Certificate documents your knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
| 
