content
Used with the ::before and ::after pseudo-elements to generate content on a page. It can be text, images, or even the value of an attribute.
Usage example
.external-link::after {
content: ' ↗';
color: #888;
/* adds a small arrow after every link with this class */
}Initial value
normal
Inherited
No
Applies to
allElementsTreeAbidingPseudoElementsPageMarginBoxes
Animation type
discrete
Values
normalnoneattr content Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
1+
1+
1+
12+