content | CSS CSS Properties

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.

Quick example

.external-link::after {
  content: ' ↗';
  color: #888;
  /* adds a small arrow after every link with this class */
}

Initial value

normal

Inherited

Applies to

all elements, tree-abiding pseudo-elements, and page margin boxes

Animation type

discrete

normalnoneattr

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.

12+